product picture glow Brooklyn

Solved
Explorer
123 1 3

I want when you touch a product that has a white glow
I have a hero image glow code

.hero .hero__image {

opacity: 1;

}

#shopify-section-slideshow .hero__slide:hover img.hero__image {

opacity: .5;

}
I want to modify the code when touching any product that is also glowing like a hero image

Please help me

I use a theme Brooklyn

https://supportcatlive.com/

I want the glow to be on all product

455454.JPG

0 Likes
Highlighted

Success.

Shopify Partner
152 37 58

@SAMIRE1236 

 

Go to Online Store > Themes > Actions > Edit Code > Assets > theme.scss.liquid

 

Scroll to the very bottom of the theme.scss.liquid file and paste this: 

 

a.grid-product__image-link:hover {
    background-color: #fff;
    opacity: 0.2;
}

Please let me know if you have any questions! 

Did I provide you with a working solution? Give me an Approved Solution!

Likes are appreciated as well :)
1 Like
Explorer
123 1 3

Thank you
Good man, thank you very much

 

1 Like