Solved

Reduce Padding of Image and Text section

JuliaRiv
Tourist
12 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)
oscprofessional
Shopify Partner
15830 2369 3072

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 7 (7)

Parth_Sutariya
Shopify Partner
6 1 0

Hello @JuliaRiv 

 

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

 

Thanks

JuliaRiv
Tourist
12 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
12280 2546 3694

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
JuliaRiv
Tourist
12 0 2

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

Parth_Sutariya
Shopify Partner
6 1 0

Hello @JuliaRiv 

 

Please try below CSS

@media(min-width:1300px){
    .page-width{max-width:95%}
}
oscprofessional
Shopify Partner
15830 2369 3072

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

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
JuliaRiv
Tourist
12 0 2

That worked, thank you! 🙂