How to add shadow effect in product picture of the impulse theme

Hello everyone i want my product picture like this given image below i want to add shadow effect like these product have . i have shopify impulse theme and here is my store url : www.gizmeleon.shop

Hi @Moeez use a custom css setting and CSS similar to the following that uses box-shadow:

.grid-product__image-mask { box-shadow: 1px 0px 3px black; }

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

Tailor the px values to taste but I’d suggest avoiding being garish as you already have a lot of excessive visual distractions on the website AND noisy snowflake animations.

@Moeez ,

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Search for the file theme.liquid

Step 3: Add this code before tag


Result:

If it helps you, please like and mark it as the solution.

Best Regards :blush:

Hello @Moeez

Go to online store ---------> themes --------------> actions ------> edit code------->theme.scss.css
at the end of the file and save.

.grid-product__image-mask {
    box-shadow: rgba(0, 0, 0, 0.5) 0px 6px 12px;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks