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

[Moeez]

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 

[PaulNewton]

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.

[BSSCommerce-B2B]

@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 </body> tag

<style>
.grid-product__image-mask {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
}
</style>

Result:

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

Best Regards 😊

[Rahul_dhiman]

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