Looking for guidance on how to remove colored borders that just started appearing on some (but not all) product images. Problem came up out of nowhere and doesn’t seem to be related to the image size, or color. Some images that have a white background are fine, some have the added bars. Square images are affected as well as rectangular.. It doesn’t show up in the quick view or the product page, just when you are in the main collections. Any thoughts on code or changes to theme?
Hey @SangyeMenla
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
ahdeir
Thanks!
Hey @SangyeMenla
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you! It worked! There are still some borders on images on the homepage in the other sections. Is there somewhere else I need to edit?
Hey @SangyeMenla
Keep the previous code and add this new code above in the end of theme.liquid file
.image-element__wrap {
background: white !important;
}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Perfect, thank you!
Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.