How can I remove the padding on the sides of an image with text block and a row block

Store Design
, ,
1

Hello, I’m trying to remove the padding on some of the sections and have the images fill the sides

Screenshot 2024-07-04 at 2.27.34 PM.png
Screenshot 2024-07-04 at 2.27.34 PM.png252×692 146 KB

So far the only code thats worked is

.page-width {
  padding-right: 0rem;
  padding-left: 0rem;
}

but that also pushes the text to the very edge

I’d love some help on this

thank you

2

Hey @KopeStudio

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

3

@KopeStudio

Please share your store URL so I can help you!

Thanks!

4

Hello & thank you

The store URL is

https://eurodiwan.myshopify.com/?_ab=0&_fd=0&_sc=1

Password: diwan123

5

Hello & thank you

The store URL is

https://eurodiwan.myshopify.com/?_ab=0&_fd=0&_sc=1

Password: diwan123

6

@KopeStudio

Please add the following Css code to your assets/base.css bottom of the file .

@media screen and (min-width: 750px){
#shopify-section-template--17134159003815__image_with_text_VfYQTm .page-width {
    max-width: 100% !important;
    margin: 0 auto;
    padding: 0 0rem;
}
}

Thanks!

7

Amazing thank you so much this worked, is there a way to do it for the multi-row blocks without having the test be all the way to the edge?