This has been addressed before in another thread, but the solution didn’t work for me. Basically, I have a button called Updates with two second level buttons. When clicked, I want the current page button to show as Updates (there is no page associated with this button, it’s just an # link, if that makes sense). This code was suggested:
/* Vantage Current Menu Item Colors */
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: #000000 }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current_page_item > a { background-color: #000000 }
.main-navigation ul li.current-menu-item > a, .main-navigation ul li.current-menu-item > a [class^=”icon-“],
.main-navigation ul li.current_page_item > a, .main-navigation ul li.current_page_item > a [class^=”icon-“] { color: #fee5ca }
Then to substitute .current_page_parent for .current_page_item. This did not work for me.
Here’s the URL: http:annehutchinswebdesign.com/tiki
How can I fix this?
Need second level button to show as current page
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].
This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.
Hi annehweb
It should work using the current_page_parent. Please try the following in your Custom CSS Editor
/* Vantage Current Menu Item Colors */ .main-navigation ul li.current_page_parent > a, .main-navigation ul li.current_page_item > a { background-color: #dd3333 } .main-navigation ul li.current_page_parent > a, .main-navigation ul li.current_menu_item > a [class^="icon-"], .main-navigation ul li.current_page_parent > a, .main-navigation ul li.current_page_item > a [class^="icon-"] { color: #ffffff }replace the colour codes with those you want to use.
Let us know how you get on
Magus
Hi Magus,
It worked! Thanks again!
I would like to know how anne put those tiki torch images on the sides. Pretty cool!
After adding the page background image you want in the Customizer, add this to either your Child style sheet or Custom CSS:
#main {
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
}
I needed to do this because I used inner shadow in the image to give it a rounded look and when it tiled, you could see the bottom shadow. So this fixed the problem. This is why Vantage is my go-to theme when I need to completely create a completely custom WordPress site. Love the customer support.
Hi Annehweb
Am glad you are making progress in developing your site :)
@Magus much appreciated :)