Lower image opacity on hover on collection page

Retired Boards Appdev Store Design
,
1

Hi there. I wanted to make my website’s images lower opacity/lighten as a hover effect like is present here: https://earftones.com/

This is my website: https://smef.us/

I’d also like to make the product titles not appear on the main collection page like the top website.

Thanks!

2

okay yeah can you

3

Hi @smef

You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

.card-wrapper:hover .card__inner {
    opacity: .8;
}