Exclude code from store product photos

Hi there!

I have this code on my site, however I want to exclude it from happening on my store so that when hovered over the products the second image is not lighter.

this is the code I am using. How to exlcude from products?

.image-block:hover {
background-color: #00000; opacity: 0.6; transition: all .3s ease-in-out;}

https://www.nativewest.com/store

Thanks so much!

Change your code to this

body:not([class*="type-products"]) .image-block:hover {
background-color: #00000; opacity: 0.6; transition: all .3s ease-in-out;}

Thanks for the reply but that didn't work. Am I putting the code in the right place? Footer injection?

On 5/30/2024 at 12:37 AM, AnnaB12 said:

Thanks for the reply but that didn't work. Am I putting the code in the right place? Footer injection?

No. Custom CSS
Website > Website Tools > Custom CSS