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.

12 comments:

  1. That's damn simple. Thanx !! : P

    ReplyDelete
  2. Thank you thank you thank you! I knew it was text-transform but had no idea where to put it in.

    ReplyDelete
  3. how do you get the text to be both upper and lowercase?

    Like this:

    Wednesday, August 27

    instead of:
    WEDNESDAY, AUGUST 27
    or:
    wednesday, august 27

    thanks!

    ReplyDelete
  4. nevermind, use 'sentencecase'

    ReplyDelete
  5. Thank u David for making everything possible and easy. ;)

    ReplyDelete
  6. ________________________

    First, I really appreciate this post for being the only one I've yet to find on the topic in the user submitted suggestions
    (never mind how it appears to be skipped by the Blogger Help pages :)

    _________________________
    Now, a question:

    Should have something better in mind when we post our witty snarks and dismissals (not that I'm doubting how tempting they can be, and I'm sure they were made in the name of good fun)?
    _________________________

    ReplyDelete
  7. I just love your tips and tricks, it has helped me loads with my blogs ....
    THANK YOU SO SO MUCH
    Hugs Sheila xx

    ReplyDelete
  8. Thank you, I had to visit several blogs to find this information. At the end, it was quite simple.

    ReplyDelete
  9. Thaks a lot, stright to the point and precisely what I needed :)
    http://danidiariodeviaje.blogspot.com/

    ReplyDelete
  10. thanks.. :D That worked well.

    ReplyDelete

Find help, info, instructions, tips, tricks

Tip: Use search box below or this box, labels in the first right sidebar, archive, ctrl+F for this page or sitemap to find topics