
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