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)
bwollrab
Tourist
6 0 5

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

dmwwebartisan
Shopify Partner
9824 2236 3076

@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
24923 2498 9041

@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
9824 2236 3076

@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
2567 309 641

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
KetanKumar
Shopify Partner
24923 2498 9041

@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