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

[imjakegator]

..

Edited May 14, 2020 by imjakegator (see edit history)

[saad]

same question

[blackswars]

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 April 14, 2020 by blackswars (see edit history)