Categories Styles

Hello,

How can I change the category styles? I am using the **Title Center** style. Currently, when I hover over a category, the overlay becomes darker. I would like to change this so that the default state has a dark overlay, and when I hover over the category, the image becomes clear (without the overlay).

Could you please tell me the correct CSS or setting to achieve this?

Thank you.

Hello,

Navigate to Theme Settings > Product Archive > Categories Style and choose the category style that best suits your needs, such as Default or Alternative.

If you would like to keep the Title Center design and simply reverse the overlay effect, add the following CSS in Theme Settings > Custom CSS:

.cat-design-center .wd-cat-inner:before {
        opacity: .4;
 }

  /* Remove the overlay on hover */
  .cat-design-center:hover .wd-cat-inner:before {
        opacity: 0;
 }

This will display a darker overlay in the default state and remove the overlay when hovering over the category image.

Best Regards

[Author]

Posts