Image full widht dawn theme

Shopify Discussion
, , , ,
1

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;
}

2

Hello @lf_2
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

3

there are still small margins, please check your display

tilma.it

4

can you please provide the screenshot, with highlighting that margin.

5

check also you display of my website from mobile..

6

I can’t see any small margin, can you provide screenshot

7

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

8

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.

9

no, you can check but don’t work - tilma.it