Blogstream   -   Create a Blog!   -   Login Chat   -   Options   -   Clean   -   Flag   -   Family Filter: Off   -   Recent   -   Rndm >>    

Blogstream  >  Other  >  Blog  >  Post #14337
 
Blog Palette Editing Help


 How do I change font colors, size, shape, and other font attributes?
Back to Full Blog  

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.
Posted by Pioneer at 2:15 PM - 7 Comments   Add a Comment  
  Hide Post  
Next Post
 
Comments:

Thanks I used this before. I was just wondering how you change font sizes though.  
|<   <<   >>   >|

 
by Coloconnect (PM , CC ) on Tuesday November 8, 2005 @ 3:11 PM




Hi colo -- were you asking how to in your comment or just stating that this was helpful in changing font sizes?

The "font-size: ##px;" line is how to change font sizes. Replace ## with the size. 16 is a standard medium font for most browsers.

 
|<   <<   >>   >|

 
by Pioneer (PM , CC ) on Tuesday November 8, 2005 @ 3:26 PM




Hi Pioneer, I just want to say thanks for the new palette feature. Absolutely brilliant to be able to customize the blogs. And, hey, if an idiot like me can use it, you must have explained it well - THANKS ~ DeBunkem  
|<   <<   >>   >|

 
by DeBunkem (PM , CC ) on Wednesday November 9, 2005 @ 6:32 AM




Hello Pioneer, I want to make some changes to the text in the comments area. Can you tell me where to go on the palette to do this, please? Thanks ~ DeBunkem  
|<   <<   >>   >|

 
by DeBunkem (PM , CC ) on Wednesday November 9, 2005 @ 9:56 AM




You want to find these lines to change the comment area:
.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; }
 
|<   <<   >>   >|

 
by Pioneer (PM , CC ) on Wednesday November 9, 2005 @ 12:16 PM




I love(ed) the palette feature. I completely changed the look of my blog and it was great. The next day it was gone! And no amount of reediting changes it! :(  
|<   <<   >>   >|

 
by 13Ruby (PM , CC ) on Sunday November 20, 2005 @ 1:20 PM




thank for the post it helped me out.  
|<   <<   >>   >|

 
by slaivnnylons (PM , CC ) on Saturday December 17, 2005 @ 8:55 PM


 

 

 

 

 

 

 

 

 

 

 

   
  About Me
Author: Pioneer  
From Connecticut, USA
Age: 36
 
This blog is about...
This blog is for Blogstream Members. It is a discussion on how to create a custom color palette... more
 
My: Profile  Gallery  Interests  Bio  100 Things 
 
Bookmark   History

  Blogstream Sponsors
Have you checked out the new Blogstream site,

Question Stream.com?

Many Blogstream members are there already! Quotes from members: "It's like blog lite!" -- "I like the instant gratification!" -- "Stop spectating, get in the game!"

If you have not joined in, you are really missing out!

Send Free
Just Saying Hi
Greeting Cards
at

Greeting Cards.com


Good Morning


  Recent Posts
...more

  Blogs I Like

  Sites I Like

  Archives

6523 Visitors