How to increase the horizontal padding of my multicolumn?

[Malakush]

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! 

[saim007]

@Malakush Can you please provide your store url so i can check?

[Malakush]

wiredwizard.co

password: sewsog

[BSSCommerce-HDL]

Hi @Malakush, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[BSSCommerce-HDL · 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 😍

[Malakush]

Fantastic. Thank you kindly. Worked perfectly. 🙏

[BSSCommerce-HDL]

@Malakush, No problem. Glad to help you 😍

[Malakush]

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. 

[BSSCommerce-HDL]

@Malakush, You mean this part won't have the slide up animation right?

[Malakush]

Yes, correct. When the website loads i'd like that section to be static. 

[Malakush]

I found a solution, all good. Seem there was a check box in theme settings that was hiding from me. Thank you anyways 🙂

[Tech_Coding]

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.