How to remove padding for custom HTML section

bwollrab
Tourist
6 0 5

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?

bwollrab_0-1634471641431.png

Best,

AllPeople Web Dev Team

https://allpeoplemarket.com/

Replies 16 (16)
Kinjalbuha
Shopify Partner
2302 569 1402

hello @bwollrab 

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

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
dmwwebartisan
Shopify Partner
10710 2337 3311

@bwollrab 

Please share page URL.

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 →
KetanKumar
Shopify Partner
31333 3130 10498

@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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
dmwwebartisan
Shopify Partner
10710 2337 3311

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

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 →
KetanKumar
Shopify Partner
31333 3130 10498

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

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjalbuha
Shopify Partner
2302 569 1402

hello @bwollrab 

@media only screen and (min-width: 750px){
#shopify-section-1632223533f7d65239 .wrapper  , #shopify-section-1631621563eb86d5cc .wrapper {
        max-width: 100% !important ;
}
}
Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
bwollrab
Tourist
6 0 5

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

bwollrab
Tourist
6 0 5

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

bwollrab
Tourist
6 0 5

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

dmwwebartisan
Shopify Partner
10710 2337 3311

@bwollrab 

Please send page url where to place custom html section

i will check and send correct solution for you.

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 →
KetanKumar
Shopify Partner
31333 3130 10498

@bwollrab 

can you please share particular page url and full screenshot 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
bwollrab
Tourist
6 0 5

https://lpi06whmmm6xxphj-48782803102.shopifypreview.com

 

bwollrab_0-1634630854340.png

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

 

@dmwwebartisan @KetanKumar 

 

dmwwebartisan
Shopify Partner
10710 2337 3311

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

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 →
Zworthkey
Shopify Partner
5581 640 1498

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.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
KetanKumar
Shopify Partner
31333 3130 10498

@bwollrab 

can you please confirm this look

KetanKumar_0-1634639200770.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing