Hello!
I’m wondering if there is a way to ad a hover effect that changes the tint of the card product and add a drop shadow around to add a bit of 3 dimension.
A perfect example of what I want to achieve “hover” and “drop shadow” is on the website - artgex.com (the product cards)
my shop is: artgex.myshopify.com - password: Superpowers123
Hello @David123123
In Shopify Admin, you can go to Edit theme code, open file base.css and add this code snippet at the bottom
.card-product:hover {
background: #E5E5E5;
box-shadow: 2px 7px 15px 0px rgb(0 0 0 / 50%);
}
Hope that helps!
Hello @David123123
You can follow these steps:
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
This works great! Is this shadow achievable with the collection list as well? i have attached below. I also want to add a rounded border just like the ones in artgex.com. Attached are the ones I’m trying to add these effects to.
