match menu overlay color on all pages

knm206 · March 2019

On the home page I have white text in the menu with a marroon overlay. I want that same marroon overlay on the other pages where I have the text in the menu as gray. I cant find the setting to change this. the setting I found changes it on the whole site. I tried doing it in the custom layout I created but wasn't able to.

Pablo · March 2019

Hi,
Please always attach a link so we can check it out. If the page is offline(localhost) then our help will be limited, you will have to contact us when the page is online. Also please make sure that the page is not under maintenance before you provide us the link.
It is always a good idea to also attach a screenshot, for that use services like snag.gy or pasteboard.co

thanks

knm206 · March 2019

Home page: http://ngg.keyurmaru.com

Sample of other pages: http://ngg.keyurmaru.com/services/

The home page menu has white text with a marroon overlay - which is perfect. On the other pages, I have the menu bar as grey text and I want the same marroon overlay thats on the homepage. Right now its red

knm206 · March 2019

I was able to get the marroon overlay on the other pages; however the non hover text is white. this needs to be changed to gray. How can I do that? I dont see anywhere on the layout page to do that? I cant set it globally because on the homepage I need the text to remain white

Pablo · March 2019

Please paste this code into the Theme Options > Custom CSS & JS > CSS

body:not(.home) .top_bar_left li:not(.current_page_item) span:not(:hover){
	color:grey !important;
}

Thanks

knm206 · March 2019

That worked but now when I hover over the nav bar items it doesnt change to the marroon color. it only changes to the maroon color when I click on it. how Can I update it so the marroon color shows on hover

Pablo · March 2019

I updated the code above.

It will be working fine now - replace the old code with the new one.

Thanks

match menu overlay color on all pages

Comments