How to Make Titles & Menu Upper and Lowercase

  • Resolved FRNR

    (@frnr)


    10 years, 4 months ago

    This is a great theme. The best I’ve ever used.

    I have looked everywhere using Firebug in Firefox and cannot figure out how to make the titles and menu show uppercase and lowercase letters. I found the text-transform rule for the slider and the h2 header and changed them from uppercase to “none” (which changed the slider text but did not affect the h2 titles). I cannot find it, or whatever other type of code that controls upper v. lowercase text for the h1, h2, h3, etc. headers.

    Help.

    I’m sure it’s right in front of me and I can’t see it but I’ve spent a couple of hours trying to find it.

    Thanks for your help and your great theme.

Viewing 4 replies - 1 through 4 (of 4 total)
  • .

    (@techievous)

    If by “menu” you mean the main site navigation menu, then this will work:

    #site-nav {
    text-transform: none;
}

    This one is for the slider title: 

    div.slide-title {
    text-transform: none;
}

    This one is for the site title, don’t know if you would need it: 

    h1.site-title {
    text-transform: none !important;
}

    The properties for text-transform are:

    • none
    • capitalize
    • uppercase
    • lowercase

    Next time though, please post a link to our site here. The demo site isn’t the same as your site; it’s easier when we actually see it.

    Thread Starter FRNR

    (@frnr)

    Techievous

    Many thanks. It worked like a charm.

    I just realized (after I sent the question this morning) the CSS code for this is located in a Main.CSS file and not the style.css file. I’ve never dealt with a Main.CSS file before in terms of modifying things like this on a site.

    Sorry, I’m relative newbie.

    Again, thanks for your help.

    help me please. this is my first post in this, or any, help forum.
    I am using theme2168 which is a child theme of cherry. (I have only just found out this and what it means – sort of).
    I want normal/ordinary sentence case for headings etc. The default is uppercase for h1-h4. Isearched and found out how to change it and i have done it. And the site is the way I want. But it changes back. Can anyone suggest why this happens and help me. here is an example of he code.
    body {
    padding: 0 !important;
    }
    h1,
    h2,
    h3,
    h4 {
    font-weight: 300 !important;
    text-transform: none !important;
    }
    h1 {
    margin: 30px 0 28px 0;
    }
    The site is only half completed (in terms of putting in my words) – markmcpherson.com.au It’s been left untouched for a long time because of health issues but now I want to get on and use it properly. Suggestions and help please

    Please ignore the above. I’ve posted it as a separate issue. Sorry.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to Make Titles & Menu Upper and Lowercase’ is closed to new replies.