image full widht dawn theme

image full widht dawn theme

lf
Tourist
36 0 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;
}

Replies 8 (8)

GTLOfficial
Shopify Partner
290 52 54

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
lf
Tourist
36 0 1

there are still small margins, please check your display

tilma.it

GTLOfficial
Shopify Partner
290 52 54

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
lf
Tourist
36 0 1

check also you display of my website from mobile..

GTLOfficial
Shopify Partner
290 52 54

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

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
lf
Tourist
36 0 1

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

GTLOfficial
Shopify Partner
290 52 54

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.

- Buy me a Pizza
- If helpful then please Like and Accept Solution.
- Want to modify or custom changes or bug fix on the store Hire me. GTL web solutions
- Want Complete Storefront: Send an email ⇨- Email: info@gtlofficial.com - Skype: ritesh_27dh
lf
Tourist
36 0 1

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