Reduce Padding of Image and Text section

Solved
JuliaRiv
Tourist
11 0 2

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: whuyeashipsready.PNG

Accepted Solution (1)

Accepted Solutions
oscprofessional
Shopify Partner
9167 1561 1925

This is an 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%;
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

Replies 7 (7)
Parth_Sutariya
Shopify Partner
6 1 0
JuliaRiv
Tourist
11 0 2

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

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

dmwwebartisan
Shopify Partner
9765 2228 3064

@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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
JuliaRiv
Tourist
11 0 2

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

oscprofessional
Shopify Partner
9167 1561 1925

This is an 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%;
}

 

If helpful then please Like and Accept Solution. Free Website Review and advice for sale from Hire us
Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO | Digital Marketing | Site Speed Optimization | Performance Site Audit
For Quick Chat Whats app | Email: pallavi@oscprofessionals.com | Skype : oscprofessionals-87

View solution in original post

JuliaRiv
Tourist
11 0 2

That worked, thank you!

Parth_Sutariya
Shopify Partner
6 1 0

Hello @JuliaRiv 

 

Please try below CSS

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