Light Colour Scheme – Menu/hover font colours

I’ve tried searching the forums and tried a couple different CSS options, but none of them seem to have any affect. Can anyone help with the CSS to change main menu font colour as well as the hover colour?

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings

body .main-nav .menu> li > a,
body .basel-navigation .menu>li.menu-item-design-default ul li a,
body .basel-navigation .menu>li.menu-item-design-full-width .sub-menu>li>a,
body .basel-navigation .menu>li.menu-item-design-sized .sub-menu>li>a,
body .basel-navigation .menu>li.menu-item-design-full-width .sub-sub-menu li a, 
body .basel-navigation .menu>li.menu-item-design-sized .sub-sub-menu li a{
	color: black;
}

body .main-nav .menu > li > a:hover,
body .main-nav .menu > li.current-menu-item > a,
body .basel-navigation .menu>li.menu-item-design-default ul li:hover>a,
body .basel-navigation .menu > li.menu-item-design-sized .sub-menu li a:hover {
	color: gray;
}

Regards

I tried the new code and it didn’t have any impact on the colours in the menu.

Hi,

Sorry, but your site is unavailable (https://gyazo.com/456fa9959db68736f0ed1e437f037241). If we can see your site and its settings, we could prepare the correct code for you.

Regards

I have deactivated the coming soon mode on the site, so you should be able to access it now. Login information was included in the first message.

I’ve actually decided to move in a different direction for the header, so we can close this topic.

[Author]

Posts