Need help? Check out our Support site, then


How do I change the font in the header to lowercase?

  1. whitewolfsonicprincess
    Member

    I am using the Nishita template. I want the header text to be all lowercase. I have CSS custom design and have tried some suggested code, but nothing seems to work. Does anyone have any ideas?

    Here's my blog/website: http://whitewolfsonicprincess.wordpress.com/

    Thanks!

    The blog I need help with is whitewolfsonicprincess.wordpress.com.

  2. Your blog name is all lower case right now. Were you wanting your menu and/or your page titles to also be lower case?

    You would need to go into your CSS and find the follow selectors; change the text-transform property from uppercase to lowercase. I have pasted the three selectors that would modify your blog title, your menu bar and your page titles, respectively.

    #title h1 a {
    border-bottom: 2px solid #F2F2F2;
    display: block;
    letter-spacing: -1px;
    line-height: 27px;
    margin-bottom: 5px;
    padding: 35px 0pt 3px;
    text-transform: lowercase;
    }

    #nav, div.menu ul {
    clear: both;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: lowercase;
    width: 768px;
    }

    h2.page-title {
    border-bottom: 2px solid #F2F2F2;
    font: 1.5em/1em Arial,"Trebuchet MS",Trebuchet,sans-serif;
    letter-spacing: -1px;
    padding: 0pt 0pt 5px;
    text-transform: lowercase;
    }

  3. whitewolfsonicprincess
    Member

    hi jackie --- yes, yes, yes! it worked! thank you so much!

Topic Closed

This topic has been closed to new replies.

About this Topic