Menus in All Caps

  • Author
  • #114462

    Hi Newbie here so sorry in advance
    (How very British of me)
    Anyway it’s a quick query.
    What’s the proper way to change the text in my Nirvana Theme Menus to Capitalise NOT Uppercase?
    Any help HUGELY appreciated.

    I tweaked the CSS`

    `.topmenu ul li a {
    display: block;
    margin: 0 3px;
    padding: 0 10px;
    letter-spacing: .4px;
    font-size: 12px;
    text-transform: capitalize;
    border-radius: 2px;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;

    #access a > span {
    display: block;
    padding: 17px 18px;
    text-transform: capitalize;

    BUT is that the ‘right’ way to do it?

    See it here:


    • This topic was modified 2 years ago by stuknowler.
    Cryout Creations mastermind


    You can turn off the capitalization for the three menu locations with the following custom CSS:

    body #access a > span {
        text-transform: none;
    body .topmenu ul li a {
        text-transform: none;
    body .footermenu ul li a {
        text-transform: none;

    You shouldn’t edit theme (or plugin) files directly as any changes will be lost the next time you update them.

    If you like our creations, help us share by rating them on
    Please check the available documentation and search the forums before starting a topic.
Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Menus in All Caps’ is closed to new replies.