Shopify themes, liquid, logos, and UX
To continue receiving payouts, you need to secure your account by turning on two-step authentication. If two-step authentication is not turned on your payouts will be paused. Learn more
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
hello @bwollrab
can you please share your shop page preview URL of remove padding for the custom HTML section
Please share page URL.
Thanks!
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
Please add the following code at the bottom of your assets/theme-index.min.css file.
Hope this works.
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%;}
hello @bwollrab
@media only screen and (min-width: 750px){
#shopify-section-1632223533f7d65239 .wrapper , #shopify-section-1631621563eb86d5cc .wrapper {
max-width: 100% !important ;
}
}
It does make the sections wider but it doesn't make them full-width. Still some padding.
Please send page url where to place custom html section
i will check and send correct solution for you.
Thanks!
can you please share particular page url and full screenshot
https://lpi06whmmm6xxphj-48782803102.shopifypreview.com
its the home page, there is lots of padding in custom html sections (these 3 sections are all custom)
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!
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.
can you please confirm this look
User | RANK |
---|---|
116 | |
87 | |
73 | |
65 | |
46 |
Learn these 5 things I had to learn the hard way with starting and running my own business
By Kitana Jan 27, 2023Would you love to unleash the unbridled power of the Google Shopping Channel into your sho...
By Gabe Jan 6, 2023How can you turn a hobby into a career? That’s what Emmanuel did while working as a wa...
By Skye Dec 30, 2022