Category Tile Overlay

Hello,

I saw the screenshot you added. You cannot achieve your requirements with Custom CSS
Because it uses the same classes that’s why the changes you are trying to make effect all the categories.

You need to create separate rows for each set of 3 categories you want to add background color.
From Edit page with WPBakery Page Builder >> Product Categories.

Screenshot for Clarification: https://www.screencast.com/t/DhnBpLmHFj

Then you can edit each row and add background color accordingly.
Screenshot for Clarification: https://www.screencast.com/t/ZiUG3iHJ

Best Regards.

Hello,

You can apply overlay effect but this is not possible to apply that effect on 3 of them and did not applied it on other categories. Because all those categories included in the same element.

You can use the below CSS code in page CSS area in which you display those categories:

.cat-design-center .wrapp-category:before,
.wrapp-category:before ,.cat-design-replace-title .wrapp-category:before  {
background-color: blue;
}

I used blue color just to set an example for you. You can use any other. That overlay will display on hover. On hover dark overlay shown with defined color otherwise the color remains light.

Screenshot for clarification: https://jmp.sh/7Y2YIU2

Best Regards.