Adjust the Side Margins of a Multicolumn in Dawn

[Danceddiction]

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.

[GTLOfficial · Accepted solution]

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

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

[GTLOfficial]

Thanks for accepting my solution.

[PageFly-Richard]

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 </body>

<style>
#shopify-section-template--18442698490111__multicolumn_YFTjji .multicolumn .page-width{
    width: 100% !important;
    max-width: 100% !important;
}
</style>

Hope my solution will help you resolve the issue.

Best regards,

Richard | PageFly

[GTLOfficial]

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