Home>Support>Vantage – How do you make the active page highlight its name on the nav bar?

Vantage – How do you make the active page highlight its name on the nav bar?

By Lostbutmakinggoodtime, 10 years ago. Last reply by Andrew Misplon, 10 years ago.

I would like the page selected to be reflected by a change of colour on the black navigation bar. How do I do that? TIA!

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi

    Thanks for running Vantage.

    Using Vantage Premium its a feature of Appearance > Customize > Menu > Current Background Color.

    Using Vantage Free you can insert the following into a Custom CSS module like Jetpack Custom CSS and edit as required:

    /* Vantage Current Menu Item Colors */

.main-navigation ul li.current-menu-item > a { background-color: #dd3333 } 
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^=”icon-“] { color: #dd3333 }
  2. 10 years, 1 month ago Lostbutmakinggoodtime

    Thanks for the code and the suggestion! I will try it today.

  3. 10 years, 1 month ago Lostbutmakinggoodtime

    Sorry, no joy. DL JetPack and edited the Custom CSS with this code snippet but no impact on behaviour. I’m not a developer so if there was additional code needed, I wouldn’t know what to add. Again, thanks.

  4. 10 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Please head to Appearance > Edit CSS and remove the snippet we just added. Then try this one rather, replacing my colors with yours again:

    /* Vantage Current Menu Item Colors */

.main-navigation ul li.current-menu-item > a { background-color: #dd3333 } 
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^=”icon-“] { color: #dd3333 }
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More