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
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025