How to remove padding for custom HTML section

[bwollrab]

On our website for custom HTML sections, there is padding on the left and right of these sections. We are using the "Flow" theme. How can we remove this padding to make each section automatically span the width of the website on any screen?

Best,

AllPeople Web Dev Team

https://allpeoplemarket.com/

[Kinjaldavra]

hello @bwollrab 

can you please share your shop page  preview URL  of remove padding for the custom HTML section

[dmwwebartisan]

@bwollrab 

Please share page URL.

Thanks!

[KetanKumar]

@bwollrab 

sorry for that issue can you please share your new theme url current theme is doesn't see that section so please show me so i will guide you

[bwollrab]

https://kqeqh0hk4e6qr66o-48782803102.shopifypreview.com

@Naz @KetanKumar @dmwwebartisan 

[dmwwebartisan]

@bwollrab 

Please add the following code at the bottom of your assets/theme-index.min.css file. 

Click to expand...

#walletWrapper{
max-width: auto !important;
}

Hope this works. 

[KetanKumar]

@bwollrab 

thanks for url 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.

.wrapper {max-width: 100%;}

[Kinjaldavra]

hello @bwollrab 

@media only screen and (min-width: 750px){
#shopify-section-1632223533f7d65239 .wrapper  , #shopify-section-1631621563eb86d5cc .wrapper {
        max-width: 100% !important ;
}
}

[bwollrab]

It does make the sections wider but it doesn't make them full-width. Still some padding. 

[bwollrab]

Hi @KetanKumar, this solution doesn't work, no change to website

[bwollrab]

Hi @dmwwebartisan, there was no change to the website.

[dmwwebartisan]

@bwollrab 

Please send page url where to place custom html section

i will check and send correct solution for you.

Thanks!

[KetanKumar]

@bwollrab 

can you please share particular page url and full screenshot 

[bwollrab]

https://lpi06whmmm6xxphj-48782803102.shopifypreview.com

its the home page, there is lots of padding in custom html sections (these 3 sections are all custom)

@dmwwebartisan @KetanKumar 

[dmwwebartisan]

@bwollrab 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css ->paste below code at the bottom of the file.

#wallet {
    justify-content: center !important;
    margin: 0 auto !important;
}

#shopify-section-1631621563eb86d5cc .wrapper {
    padding: 0 0px !important;
}

#shopify-section-1632223533f7d65239 .wrapper {
    padding: 0 0px !important;
}

Thanks!

[Zworthkey]

Hii, @bwollrab 
Paste this code on top of the theme-index-min.css file.

.one-whole {
    width: 105.3% !important;
    margin-left: -3% !important;
}

Thank You.

[KetanKumar]

@bwollrab 

can you please confirm this look

[wtwaggoner]

Worked for me!