Home › Forums › WoodMart support forum › How to change the default color on hover of the main nav menu

How to change the default color on hover of the main nav menu

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 13, 2025 at 9:19 am #653695

    hey3212
    Participant

    Hi

    I would like to change the color from default grey to blue, code #87CEEB. Where to change this setting? See attached. It is the main header nav menu on the front page.

    Attachments:
    You must be logged in to view attached files.
    April 14, 2025 at 12:42 pm #653859

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You can change the menu font color by following these steps:

    1. Navigate to Theme Settings > Typography > Advanced Typography
    2. Create a new rule for the “Main Navigation Links” item.
    3. Adjust the color settings as needed.https://ibb.co/h7NwMp5

    For detailed instructions, please refer to the documentation:
    https://xtemos.com/docs/woodmart/advanced-typography-settings/

    Best Regards,

    April 15, 2025 at 4:09 pm #654320

    hey3212
    Participant

    Hi,

    I meant to say the background button’s color when hovering needs to be amended for the main nav menu, from currently grey to blue, code #87CEEB. How to do this? Attached.

    Attachments:
    You must be logged in to view attached files.
    April 16, 2025 at 10:39 am #654524

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    Try to add the following custom css in Theme Settings > Custom CSS > Global Custom CSS:

    .wd-nav.wd-style-bg>li>a:before {
    background-color: #87CEEB !important;
}

    Best Regards,

    April 16, 2025 at 2:57 pm #654624

    hey3212
    Participant

    it worked. Thanks!

    April 16, 2025 at 3:47 pm #654658

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

    You’re very welcome! I’m glad I could help. If you need anything else, feel free to reach out!

    Thanks for contacting us.
    Have a great day.

    Topic Closed.
    Best Regards,

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘How to change the default color on hover of the main nav menu’ is closed to new replies.