Top Bar Header Navigation Menu Colour

Hi,

The hovered/selected page of my navigation menu in my header uses black font on a grey shadow background while the other options in the menu use a white font on a clear background. How can I change the font of the hovered over/selected page to a red font with the same background?

The menu style is ‘Background’.

Thanks

Attachments:

You must be logged in to view attached files.

Hi alexmcdonaldwork,

First of all, take my apologies for the delay in answering.

1. Background color

Please add the following Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

ul.wd-nav.wd-style-bg>li>a:before {
	background-color: #fff;
}

2. Links colors

Go to Theme Settings > Typography > Advanced. In this area, you can assign elements like screenshot https://prnt.sc/MLRGF4WW_j1l

li:is(:hover,.current-menu-item,.wd-active,.active)>a

Please refer to our documentation https://xtemos.com/docs-topic/advanced-typography-settings/

Regards,

[Author]

Posts