Tuesday, February 3, 2009

How to Change Case of Text

For some reason, Blogger forces all text into upper case.

I use the "Minima" template of Blogger. To turn off this setting, go to the sub-tab of "Edit HTML" of the "Layout" tab and delete, or comment out, the following statement:

text-transform:uppercase

in corresponding sections of the template.

To comment out the statement, insert "/*" at the beginning of the statement and "*/" at the end of it, like this:

/*text-transform:upprecase*/

For the text of the title, look for the following block of codes:

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

Delete the statement "text-transform:uppercase;" or change it to "/*text-transform:uppercase;*/".

For the title description perform the change at #header .description (

For the sidebar, at h2 (

For the footer of the post, at .post-footer (

For the comment page, at #comments h4 (

For the footer of comment, at #comments-block .comment-footer (

For the profile, at .profile-data (

For the profile link, at .profile-link (


Press Ctrl-F to search for the relevant keywords within the codes.

Click "Save Template" to save your changes.

For the font family, style (bold or italic), and size, you can change it at the sub-tab of "Fonts and Colors" at the "Layout" tab.


.

No comments: