Menus in All Caps

  • Author
    Posts
  • #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: http://dev.7thwaveweb.com/budehaventest/

    Website: dev.7thwaveweb.com/budehaventest

    • This topic was modified 1 month ago by stuknowler.
    #114709
    Zed
    Cryout Creations Team

    Hi,

    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 WordPress.org.
    Please read the available documentation and search the forums before posting.
Viewing 2 posts - 1 through 2 (of 2 total)

You need to log in to reply to this topic.