Ads 468x60px

Pages

Tuesday, August 21, 2007

Change blog title from upper case to lower case or vice versa

I use New Blogger Minima template modified to 3 column by Hackosphere (click BACK button to get back to this page) for my blog Generating revenue from your blog. Originally, the blog text title is all in uppercase font. Below is a screenshot of what it used to be:

original blog header of Generating Revenue from your website with upper case text blog title

This is how I changed the blog text title to lowercase font. I sign into Blogger (Dashboard) and see a list of blogs including "Generating Revenue from your Website". At that section, I click on LAYOUT, then click the TEMPLATE tab. Whenever, your make any changes to the template, it is always wise to backup your current template AND the Page Elements. Refer to Backup your New Blogger template PLUS Page Elements and edit the template. This is all explained in that post. After you have backup your template, you will still be in the template editor window. Look for this block of code:

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

This is what is originally in the template. Note in particular this line:

text-transform:uppercase;

If you want to change the blog title font to lowercase, just change the line to

text-transform:lowercase;

so that the block of code become

#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:lowercase;
letter-spacing:.2em;
font: $pagetitlefont;
}

Preview, and if you are happy with the result, click "Save template".

Different templates may have different #header. Yours may not have the line

text-transform:uppercase;

If so, and you want it in lower case, just add the line

text-transform:lowercase;

Just do the opposite of the above if your blog title font is in lowercase and you want to change it to uppercase.

0 comments:

Post a Comment