A Shopify store owner is experiencing inconsistent shadow effects on product images in their Featured Collection section. While one product (Oud Wood) blends seamlessly with the background color (#EF9F1F), other products display unwanted shadows.
Root Cause Identified:
The shadow effect originates from the original product images themselves, not from theme code issues. The shadows are embedded in the uploaded image files.
Proposed Solutions:
Temporary workaround: Change the background color to white using browser developer tools (F12 key) by modifying the “body” section CSS. This makes the shadows less visible.
Permanent fix: Replace current product images with new versions that either have no shadow effect or incorporate shadows consistently across all products to match the Oud Wood aesthetic.
The issue requires updating the source images rather than theme code modifications.
There’s a shadow in my “Featured Collection” in some products while the one is blending. I want them all to blend. All the images are same. Can anyone help with removing the shadow and product image blend with background?> > look at Oud Wood it blends with background while the others have shadows.
link: https://aromaticaparfums.com
the colour code is #FEF9F1
Hi there aromaticaparfum
We have reviewed the three products you mentioned and found that they all exhibit a shadow effect in their images, except for the Oud Wood product.
Here are the links to the products in order from left to right:
Upon investigation, we discovered that the shadow effect was present in the original images and is not an issue with the code. The shadow is located in the upper left corner.
If you wish to see the images clearly, you can employ the following method:
This adjustment will make the images much clearer.
As a solution moving forward, we recommend sourcing different images that incorporate a shadow effect and replacing the current ones.
Hope this proves helpful! If you have any further questions or need assistance, please don’t hesitate to ask.
