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

  • Unknown's avatar
    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: (visible only to logged in users)

  • Unknown's avatar
    jackiedana · Member ·

    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;
    }

  • Unknown's avatar
    whitewolfsonicprincess · Member ·

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

  • The topic ‘How do I change the font in the header to lowercase?’ is closed to new replies.