Fonts – Size And Color

In this tutorial you will learn how to change your font’s size and color. Before we get started you should understand that the font style is built into the FREE custom theme you received (12 month membership) when you first signed up. What this means is although you can change the color and size of your font, the style will remain the same. There is an exception to this, if you are comfortable editing code, you can use the HTML tab to change the font style.

To get started you must be in the visual mode where you write a post; here is the path Dashboard>Posts>Add New>Visual. You can either change the font size and color as you write your post or you can write your post and then go back, highlight the portion you wish to change, and then make the changes. I would make sure to click the preview button button before the publish button button just to be certain that the size and color changes you made are what you intended. BE AWARE: Changing font size from the visual tab will change it for that entire paragraph or section, not for individual words. If you are comfortable editing code, you can use the HTML tab to change individual words or phrases. Below is a visual roadmap to how you change the font size and color from the visual tab (Click for a larger image). PLEASE NOTE: Learning to write in code is an involved process, I will not be explaining how to write or re-write code. Many communities have classes available through community centers, high schools, and other continuing education centers that can teach you how to write code if you are interested.

font

In the second image (Click for larger version) you can see an example of a post that has changed font size and color. Below the image you will see a point by point explanation of this; numbers and colors correspond to those in the image.

font size

1. Title has a default larger font with underlining – though it is not bolded.

2. Links have a default color built into your theme – though the size can be changed.

3. This is the un-altered font size and color – built into theme.

4. Changed font color (and increased size, bolded, and underlined).

5. Default font color with increased size, bolded, and underlined.

6. Default font color with increased size.

Share and Enjoy:
  • Print
  • Digg
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • BlinkList
  • Diigo
  • FriendFeed
  • LinkedIn
  • MisterWong
  • MySpace
  • NewsVine
  • Ping.fm
  • Posterous
  • Propeller
  • Reddit
  • StumbleUpon
  • Technorati
  • Tumblr
  • Twitter
  • Yahoo! Bookmarks
  • Yahoo! Buzz

One Response to “Fonts – Size And Color”

Leave a Reply

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 
CommentLuv Enabled
    Translate from:

    Translate to:

Join PREP Today!
Mortgage Calculator
MortgageLoan
$
years
%
Categories
Follow Us On Twitter
function field_func($atts) { global $post; $name = $atts['name']; if (empty($name)) return; return get_post_meta($post->ID, $name, true); } add_shortcode('field', 'field_func');