All things Shopify and commerce
Greetings,
The 4 multicolumn boxes on my landing page are currently too narrow. I'm using the Dawn theme.
I'd like to increase the padding between the 4 boxes. If someone could assist it would be much apreciated. Red boxes in the attached image to give an idea of ideal placing.
Many Thanks!
Solved! Go to the solution
This is an accepted solution.
Hi @Malakush,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
.section-template--17826067742851__multicolumn_4jnAPY-padding {
max-width: 1600px !important;
}
.section-template--17826067742851__multicolumn_4jnAPY-padding .multicolumn-card {
padding: 0 25px !important;
}
</style>
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
@Malakush Can you please provide your store url so i can check?
wiredwizard.co
password: sewsog
Hi @Malakush, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
This is an accepted solution.
Hi @Malakush,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:
<style>
.section-template--17826067742851__multicolumn_4jnAPY-padding {
max-width: 1600px !important;
}
.section-template--17826067742851__multicolumn_4jnAPY-padding .multicolumn-card {
padding: 0 25px !important;
}
</style>
Hope this can help you,
If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Fantastic. Thank you kindly. Worked perfectly. 🙏
@Malakush, No problem. Glad to help you 😍
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Would you be able to help me with one more thing? I'm trying to remove the "reveal on scroll" on my multicolumn below my slideshow banner. Only this section.
Many thanks in advance.
@Malakush, You mean this part won't have the slide up animation right?
Sale banner, pop ups: Customize your sale banner, pop-ups and create countdown bar to boost conversion rate.
Simicart: Transform your Shopify store into a stunning and fully functional mobile app with just a few simple steps.
Product Labels & Badges: Get more sales with striking labels, badges, and banners from our 10,000+ available templates.
BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now
Yes, correct. When the website loads i'd like that section to be static.
I found a solution, all good. Seem there was a check box in theme settings that was hiding from me. Thank you anyways 🙂
Hello @Malakush
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.page-width.section-template--17826067742851__multicolumn_4jnAPY-padding{
max-width: 100% !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
June brought summer energy to our community. Members jumped in with solutions, clicked ...
By JasonH Jun 5, 2025Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025