How to increase the horizontal padding of my multicolumn?

Shopify Discussion

Topic summary

Main issue: Increase horizontal spacing between four multicolumn boxes on a Dawn-theme landing page.

Key steps and solution:

  • Store URL and password were shared so others could inspect.
  • A fix was provided by adding custom code in theme.liquid (inserted above ). The change increased spacing, and the original poster confirmed it worked.
  • An alternative CSS approach was suggested: add a style block before targeting the multicolumn section’s wrapper (e.g., .page-width.section-template–17826067742851__multicolumn_4jnAPY-padding) and setting max-width: 100% !important to adjust layout.

Follow-up request:

  • The poster asked to disable the “reveal on scroll” (slide-up) animation for only the multicolumn below the slideshow.
  • After brief clarification, the poster found a solution via a checkbox in theme settings, making that section static on load.

Notes:

  • Images were shared to illustrate desired spacing but are not essential to the steps.

Outcome/status:

  • Both the spacing and animation issues were resolved; no open questions remain.
Summarized with AI on December 19. AI used: gpt-5.
1

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!

Malakush_0-1725871832993.png
Malakush_0-1725871832993.png3463×751 152 KB

1 Like
2

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

1 Like
3

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

1 Like
4

wiredwizard.co

password: sewsog

5

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 tag:

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 :heart_eyes:

1 Like
6

Fantastic. Thank you kindly. Worked perfectly. :folded_hands:

1 Like
7

@Malakush , No problem. Glad to help you :heart_eyes:

1 Like
8

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 on theme.liquid

.page-width.section-template--17826067742851__multicolumn_4jnAPY-padding{ max-width: 100% !important; }

Tech_Coding_0-1725872947413.png
Tech_Coding_0-1725872947413.png1310×294 21.5 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

9

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.

1 Like
10

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

BSSCommerceHDL_0-1725897685162.png
BSSCommerceHDL_0-1725897685162.png1770×361 15.8 KB

1 Like
11

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

12

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

1 Like