A space to discuss online store customization, theme development, and Liquid templating.
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!
okay yeah can you
Hi @smef
You can add this code to Custom CSS in Online Store > Themes > Customize > Theme settings
.card-wrapper:hover .card__inner {
opacity: .8;
}
- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.