Jump to content

Change Menu Base Color & Hover Color (Classic Theme

Recommended Posts

  • 1 month later...
  • 1 year later...


It might be late but

you may add this to your child-theme custom.css file :

#header .header-top a[data-depth="0"]{

This changes the menu link to white. 


To add effect while hovering, use "hover" :

#header .header-top a[data-depth="0"]:hover{
	text-decoration: underline solid #000;

This will change the color to black and underline it with black color while hovering on the link.


To change the sub-menu properties, just increase the "data-depth" by one 

#header .header-top a[data-depth="1"]{

This will change the submenu link to black.


If you need help for css properties, this may help : https://html-css-js.com/css/generator/font/

Edited by blackswars (see edit history)
  • Like 1

Share this post

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More