match menu overlay color on all pages

Comments

• 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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 edited 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

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• 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
  

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next