Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
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!
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 }Thanks for the code and the suggestion! I will try it today.
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.
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 }