All things Shopify and commerce
I want to put the images of my site full screen (both from mobile and from dekstop), I have tried using this code and it works but small margins remain at the sides, would you give me the updated code by totally removing the borders of this one?
div[class*=image_with_text] .page-width {
padding: 0 !important;
max-width: unset;
}
Hello @lf
Use this code and check
div[class*=image_with_text] .page-width {
padding: 0 !important;
max-width: 100%;
margin: 0; /* Remove any default margins */
}
div[class*=image_with_text] img {
width: 100%;
height: auto;
display: block;
}
If this was helpful, hit the like button and mark the job as completed.
Thanks
there are still small margins, please check your display
tilma.it
can you please provide the screenshot, with highlighting that margin.
check also you display of my website from mobile..
I can't see any small margin, can you provide screenshot
I can't share a screenshot because it downloads an excel file as a csv...try looking at the section "LA NOSTRA SEDE OPERATIVA" if you widen the side borders you will notice that there is a small white border on both sides, try sending me a screenshot if necessary
Add this code and check:-
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the bottom of the file.
.image-with-text__media {
border: 0;
}
let me know if this was helpful.
no, you can check but don't work - tilma.it
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025