Adjust the Side Margins of a Multicolumn in Dawn

Store Design
, , , , ,
1

Hello!

I am wondering what the best way to adjust the side margins/padding for a multicolumn section in Dawn. I am currently using 15.0.0.

I would like to adjust the margins for just this section - and not the entire site. I haven’t been able to implement this correctly after reading some other posts here. You can see below that the cards are stuck narrow and I would like them to extend all the way to the sides or adjust the margin as needed.

Side-note I would also like to understand how I can adjust the size of the cards as well.

Danceddiction_0-1727302436384.png
Danceddiction_0-1727302436384.png1877×316 108 KB

2

Hello @Danceddiction
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.page-width.section-template--18442698621183__multicolumn_CEDcJ3-padding.isolate.scroll-trigger.animate--slide-in {
  max-width: 100% !important;
}
#shopify-section-template--18442698621183__multicolumn_CEDcJ3 .multicolumn-card__info {
  top: 22% !important;
  }

result

10.png
10.png1900×703 139 KB

If this was helpful, hit the like button and accept the solution.
Thanks

3

This is Richard from PageFly - Shopify Page Builder App

Hi @Danceddiction Please add code here to fix it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

4

Thanks for accepting my solution.

5

That would be great, if you could buy me a pizza for my work in community.