Make all "Image with Text" blocks full width on Trade Theme

Hello!

I’m trying to make all my Image with Text blocks full width, but still keeping the padding on the side. I only want this to affect the Image with Text sections (across entire site), but not other things like the header or footer.

How it looks now:

How I want it to look:

Appreciate any help, thank you!

Shopify URL: https://65a186-44.myshopify.com/

Password: meerew

Hello @letsgetwasted ,

Can you add a class name in section → image_with_text.liquid first/parent div ? ( class name can be anything like parent-img-cont )
Once you add it then I can provide css solution which will work across entire site.

Thanks

Hi @Guleria ,

Do you mind clarifying exactly what code to add and where?

Hi @letsgetwasted

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the


Hope this can help you solve the issue

Best regards,

Richard | PageFly

Hi @letsgetwasted

Please add this code to theme.liquid file after


Hello @letsgetwasted ,

You can try this code: it might be helpful to you-

Navigate to the Online Store-> Theme-> Edit code-> Assets> base.css → add below the code(bottom).

.section-template--15251938967607__image_with_text_9w6Tfz-padding .page-width {
    width: 100%;
    max-width: 100%;
}

Perfect, thank you!