Changing menu item color only on shop page

MessnerMoto · October 2018

Hi, is it possible to change the menu name color only on the specific page? (menu names color on other pages stay as it is)

I have a store and would like to change the name to black. Now is white like background so it is not visible.

https://messnermoto.com/store/

I have tried with this but it is probably not correct: .page-id-5 #Top_bar .menu > li.current-menu-item > a { color: #474747 !important; }

Thank you!

Pablo · October 2018

Hi,

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

body.archive #Top_bar .menu > li.current-menu-item a{
	color:#474747 !important;
}

Thanks

MessnerMoto · October 2018

Thank you! Works!

MessnerMoto · October 2018

Is there a way to change the color of the menu on the item page, the store is now white.

Thank you!

https://messnermoto.com/product/cb750-sohc-cam-chain-tensioner/

Pablo · October 2018

Hi,

Please paste this Custom CSS

#menu li.current-menu-item span{
  color:#474747 !important;
}

Thanks

MessnerMoto · October 2018

Sorry, I did not write correctly. I need to change just the color of STORE (menu name, font color) but only when the product is selected, now is white.

https://messnermoto.com/product/cb750-sohc-cam-chain-tensioner/

I would like to change in #474747. Thank you!

Pablo · October 2018

I updated the code above.

Now it's like you wanted.

Thanks

MessnerMoto · October 2018

Thank you! Working great!!!

Changing menu item color only on shop page

Comments