Remove Opacity Hover effect on collection page (Debut Theme)

Solved
Highlighted
Excursionist
14 1 1

Hi guys,

 

I am currently trying to remove the opacity hover effect on product images on my collection page. I have been making some changes to .collection-grid-item__title-wrapper in the theme.scss but no luck so far... Anyone know how to fix this?

 

 

 

 

 

0 Likes
Highlighted
Shopify Partner
1140 241 341

Hey

please share your web shop url & password.

 

Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
1 Like
Highlighted
Excursionist
14 1 1

Website is already live, but here's a link: https://www.fansupply.com/collections/skate :)

0 Likes
Highlighted
Shopify Partner
1140 241 341

This is an accepted solution.

Hi

 

add code assets/theme.scss.liquid bottom of the file

 

.product-card:hover .product-card__image-wrapper, .product-card:focus-within .product-card__image-wrapper {opacity: 1 !important;}

Hope this will work for you.


Thanks!

If helpful then please Like and Accept Solution.
Do you need custom changes on store ? Hire me.
Feel free to Contact me on dmw.webartisan@gmail.com
Follow us on Instagram @dmw.webartisan
0 Likes
Highlighted
Excursionist
14 1 1

Awesome, this worked!

0 Likes