Why is there this grey border around my product images and how do i remove it because it’s showing up on a lot of my products, I have no idea why it’s doing this because the image is a complete white background. Any help will be greatly appreciated.
Hey @Taryckrich
Can you share your Store URL and Password if enabled?
Please share the store URL ?
It’s still on draft because I can’t publish until I get this fixed, I am using another theme currently and don’t have this issue with the same product images so I am not sure why this is happening.
Send the preview URL of copy theme.
Hello @Taryckrich ,
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Hi I followed the instructions but the grey borders are still showing I am not sure why
Hello @Taryckrich ,
Can you send me the page where the gray part shows?
https://dgneqlaxj9d9wwby-32897958027.shopifypreview.com
The collection on the home page.
Yes that worked thank you so much!
Hi @GemPages its working on desktop but for some reason it is still showing the grey borders on mobile, do you know how I can fix this?
Hi @oscprofessional , I am referring to the collection below the collection list ‘‘best selling products’’ where the products have a grey border on them. I’ll attach a few examples. The grey on the sides of the image are not showing on desktop though, only on mobile they are showing. How can I make it so they are removed on mobile aswell? Any help is greatly appreciated!
Hi @GemPages , the code you provided works on desktop but for some reason the gray borders on product images are still showing on mobile. Thank you and I really appreciate any help you can provide. Here are some examples below.
Hi @GemPages can you have a look at what I said about it still showing on mobile, any help is really appreciated.







