Modify hover color for header menu and product swatch

Hi,

Two questions need your help:

1. How to change the hover color for header menu? I have a main menu and a right menu with different hover color. I can’t find where to change them.

2. How to change swatch hover and after selecting color? (for all products)

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

You can change the font by means of the Advanced typography option, which allows you to choose the item from a drop-down or insert your custom CSS class. Please navigate to the Theme Settings > Typography > Advanced Typography.

Here is the documentation providing more detailed instructions: https://xtemos.com/docs/woodmart/advanced-typography-settings/

Please provide the product page URL with the swatches I will give you custom CSS.

Best Regards

Hi,
I followed your instruction and it is workable for 1. But for 2. the swatch options won’t stay in the assigned hover color after select. Could you give me more information for this? Thanks.

Hello,

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

Hover:

body .text-only.wd-swatch:hover {
    color: red;
}
body .wd-swatch.text-only:after {
    border-color:red;
}

Selected:

body .text-only.active-swatch.wd-swatch {
    color: orange;
}
body .wd-swatch.active-swatch.text-only:after {
    border-color:orange;
}

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts