Let's look at an example. If you edit your work palette you will see a line similar to this one:
.blog_title_text { font-size: 30px; color: DARKBLUE; }
This is the section where you can change the text which displays your blog title.
The only things you want to change are the items inside the {} symbols, do not change anything else. Let's take a look at each piece:
font-size: 30px;
This specifies that the font size should be 30px, which is a slightly larger font. A stanard font size is "16px". The lower the number, the smaller the font size. Whatever font size you choose, be sure to just change the number (do not remove the px;).
color: DARKBLUE;
This specifies we want the font size to be dark blue, a preset color value. We could also do this:
color: #000077;
Which is an advanced way of specifying dark blue (see my earlier blog post).
There are other tags you can place here (which are not shown in this example) such as:
font-weight: normal; font-weight: bold;
This specifies how "heavy" the font is. Normal is the default, bold will make the text stand out more.
font-family: Arial; font-family: Arial, Times, Courier, "Lucida Console", Verdana, Helvetica, Sans-Serif;
This specifies the font to use. The first font that is available will be used. In the first example, we only specify one font, Arial. If the visitors computer has the Arial font on their computer it will be used, otherwise the system default font will be used instead. In the second example, we specify other fonts that can be used in case Arial is not available (in order of preference).
So let's make some changes to the blog title area. Here is our original line:
.blog_title_text { font-size: 30px; color: DARKBLUE; }
Let's replace it with:
.blog_title_text { font-size: 40px; color: DARKRED; font-family: Times, Arial; font-weight: bold; }
This will make your blog title bigger, (40px instead of 30px), Dark Red instead of Dark Blue in color, "Bold", and it will show in "Times" font if available, or else it will default to Arial.
|
The "font-size: ##px;" line is how to change font sizes. Replace ## with the size. 16 is a standard medium font for most browsers.
.blog_comment_area { font-size: 15px; color: black; } .blog_comment_text { font-size: 16px; color: #000066; } .blog_comment_by_text { font-size: 15px; color: #777777; } A.blog_comment_by_text { color: #7777AA; }