Reduce Padding of Image and Text section

[JuliaRiv]

I need to reduce the padding in between the side of the screen and the image and text section. I've attached an image for reference below.

URL: https://john-pitre-fine-art.myshopify.com/products/products-night-street

Password: whuyea

[Parth_Sutariya]

Hello @JuliaRiv 

I can see "404 Page Not Found" on this https://john-pitre-fine-art.myshopify.com/products/products-night-street

Thanks

[JuliaRiv]

@Parth_Sutariya Can you try this? I'm able to access it without problem

https://john-pitre-fine-art.myshopify.com/password

[dmwwebartisan]

@JuliaRiv 

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

#shopify-section-template--15191644897457__text-and-image2 .page-width {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0px!important;
}

Thanks!

[JuliaRiv]

@dmwwebartisan I added the code, but there was no change.

[Parth_Sutariya]

Hello @JuliaRiv 

Please try below CSS

@media(min-width:1300px){
    .page-width{max-width:95%}
}

[oscprofessional · Accepted solution]

Hello @JuliaRiv 

You can add the below code at the end of your theme.css file
1) Go to Online store -> Theme ->Edit code
2) Assets -> theme.css

#shopify-section-template--15191644897457__text-and-image2 .feature-row__text {
    padding-left: 40px;
}
#shopify-section-template--15191644897457__text-and-image2 .feature-row {
    margin: 0 2%;
}

[JuliaRiv]

That worked, thank you! 🙂