Hello
How can I adjust the internal padding of a multicolumn item - I want to reduce the padding of the sections shown in red on the screenshot.
Thank you
Topic summary
A user seeks to reduce internal padding in the Dawn theme’s multicolumn section, specifically the spacing between text and images.
Proposed Solutions:
Two different approaches were offered:
-
PageFly-Victor’s CSS method: Add custom CSS to
section-multicolumn.csstargeting.multicolumn-card__image-wrapperand related classes withpadding: unset !importantandmargin: unset !important -
GemPages’ alternative: Insert code into the
theme.liquidfile before the closing</body>tag
Both solutions involve editing theme code files through Online Store → Theme → Edit code.
Outcome:
The issue appears resolved—a participant confirmed Victor’s CSS solution worked perfectly. The discussion includes screenshots demonstrating the padding issue and code implementation steps.
Hi @BenPF ,
Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.
Hi @BenPF ,
This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-multicolumn.css->paste below code at the bottom of the file:
.multicolumn-card__image-wrapper.multicolumn-card__image-wrapper--full-width.multicolumn-card-spacing {
margin: unset !important;
padding: unset !important;
}
.multicolumn-card__info {
padding: unset !important;
}
Hope my answer will help you.
Best regards,
Victor | PageFly
1 Like
Hello @BenPF ,
You can follow these steps:
- Go to Online Store->Theme->Edit code
- Open your theme.liquid file, paste the below code before
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
1 Like
You are genius Victor! Works perfectly 