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!

Hi @smef You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings .card-wrapper:hover .card__inner { opacity: .8; }

Lower image opacity on hover on collection page

smef September 16, 2024, 10:54pm 2

okay yeah can you

Topic		Replies	Views
change opacity % of collection list on the home page Store Design	7	37	January 15, 2022
How can I create a hover effect on a collection list image? Store Design	6	56	March 5, 2022
Faded product images on collection pages (Debut) Store Design collection-page	4	29	July 18, 2023
Change image on hover on collection page Store Design css	1	48	September 21, 2024
Multi Column Hover color Store Design design	5	37	July 12, 2024