Home › Forums › WoodMart support forum › Top Bar Header Navigation Menu Colour

Top Bar Header Navigation Menu Colour

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 28, 2024 at 4:59 am #561383

    alexmcdonaldwork
    Participant

    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.
    April 30, 2024 at 2:06 pm #562029

    Hung Pham
    Participant

    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
Viewing 2 posts - 1 through 2 (of 2 total)