full width responsive images

Solved
lesbrons
Pathfinder
135 0 51

Hi my page is https://lesbrons.com/pages/philanthropy and password: sandwich

is there a way to make just the images be full width on the page without any margins on each side, and have this be responsive on any screen i view it on?
thanks

0 Likes

Hi
@lesbrons Add this code to stylesheet.css

* {
    margin: -0.5px;
}

I hope your problem will be Short out.
Thank you

If helpful, please Like and Accept Solution. if you Want to modify or Customize your theme, Hire us. or Want to know more. Read our Shopify Blogs.
Email us: sales@zworthkey.com Contact us: https://www.zworthkey.com/shopify-services/
0 Likes
lesbrons
Pathfinder
135 0 51

hi, thanks for your reply but that didnt seem to fix the issue. i can try adding that code manually to each image on the page as well but it still does not make the images responsive on a larger screen.

0 Likes
Natztech
Shopify Partner
1889 489 1171

hello @lesbrons 

do you want to look like this https://nimb.ws/6beudf

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
lesbrons
Pathfinder
135 0 51

Hi, yes, that's exactly the look im after

0 Likes
Natztech
Shopify Partner
1889 489 1171

This is an accepted solution.

hello @lesbrons 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 789px){
.template-page-custom-two .page-wrap .rte.row{
    max-width: 100% !important;
    width: 100%;
    padding: 12px;
}
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
PageFly Advanced Page Builder visit pagefly
lesbrons
Pathfinder
135 0 51

thank you so much for your help, i really appreciate it!

0 Likes