Jump to content

Change Menu Base Color & Hover Color (Classic Theme 1.7.4.2)


Recommended Posts

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

Hello,

It might be late but

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

#header .header-top a[data-depth="0"]{
	color:#FFF;
}

This changes the menu link to white. 

 

To add effect while hovering, use "hover" :

#header .header-top a[data-depth="0"]:hover{
	color:#000;
	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"]{
	color:#000;
}

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
 Share

×
×
  • Create New...

Important Information

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