Hello,
I am trying to create a filter effect on a thumbnail grid.
I have 3 categories on my menu, let's say A, B and C. Each page is a thumbnail grid showing every project thumbnails. But I want that when I click on A, projects thumbnails from categories B and C change opacity.
I managed to target the page already with:
.slug-A .thumb {opacity: 0.5;}
Now, every thumbnail changed. But when I target the category:
.slug-A [data-id=ā4ā][data-type="category"] .thumb {opacity: 0.5;}
It doesn't work anymore.
I hope I am clear enough. Does anyone know what I am doing wrong? Thanks!