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

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.

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,

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.

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,

it worked. Thanks!

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