Change Sub-Category drop down color

I would like to change the color of the sub-category drop down in the SHOP page from black to something else.

Attachments:

You must be logged in to view attached files.

Hello matthew.spiteri.92m,

Thanks for reaching to us.

It seems you changed by yourself. Please let me know if you need further helps.

Regards,

What do you mean changed by myself? I did not change any colours especially the sub category colour. Can you elaborate more?

Instead of black background white text I want to change the black colour for sub category

Hi,

Apologies for the misunderstanding. Here is the solution to your request with explanations.

By default, the dropdown colors correspond to the color scheme of the page title text. If the page title text color is set to white, the background of the category dropdowns located in the page title will be black to ensure the text remains visible. You can change the page title color scheme using the relevant option in the Theme Settings: https://monosnap.com/file/Rw4MovZ9sghUPYqvl31Usa0qbqXhjt

If you want to keep the light color scheme for the page title but need dropdowns with a light background, you can use the following custom code:

.wd-nav-product-cat .wd-dropdown {
    background-color: #FFF;
}

.wd-nav-product-cat .wd-dropdown.wd-sub-menu li > a {
    color: #333;
}

.wd-nav-product-cat .wd-dropdown.wd-sub-menu li:hover > a {
    opacity: 0.7;
}

.wd-nav-product-cat .wd-dropdown .nav-link-count {
     color: #777;
}

Icons in these dropdowns require special attention, as the dropdowns use light icons whose color cannot be set via CSS. In such cases, their color can only be inverted using a specific CSS property. If you do not plan to change the icon files themselves, you can make them black using the following custom code:

.wd-nav-product-cat .wd-dropdown.wd-sub-menu li > a img {
    filter: invert(1)
}

All the code mentioned above should be placed in the Global Custom CSS area in Theme Settings.

Kind Regards

[Author]

Posts