Menus in All Caps

Forums » WordPress » Nirvana » How To

  • Author
    Posts
  • February 25th, 2021 at 19:14 #114462
    stuknowler

    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 3 years ago by stuknowler.
    March 1st, 2021 at 00:19 #114709
    Zed
    Cryout Creations mastermind

    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 check the available documentation and search the forums before starting a topic.
  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)

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