Users are experiencing white lines appearing beneath images on their Shopify stores when viewed at different screen sizes. The issue affects multiple themes, including Motion and Sense.
Solution Provided:
.image-wrap {
background: transparent !important;
}
Outcome:
The original poster confirmed this CSS fix successfully resolved the issue. Additional users have reported the same problem with banner images and are seeking similar solutions.
Hello!
I’m having an issue with a client site that’s showing a white line under some images that shows up when the website is opened on different size screens. Wondering if there is a way to remove this and ensure it doesn’t show up regardless of the screen size?
Template: Motion
https://copper-88-2022.myshopify.com/pages/the-science
Password: Meashi
Thank you for your time!
hi @sincerelyjoie
You can try follow this path:
Themes => edit code => asset => theme.css
and add this code to bottom of the file theme.css
.image-wrap{
background: transparent!Important;
}
Thank you so much, this worked!! Appreciate the help.
i have the same problem in sense theme.
