Multicolumn spacing between text and photo - Dawn theme

Multicolumn spacing between text and photo - Dawn theme

BenPF
Tourist
18 0 2

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

Screenshot-2023-03-09-at-16.34.03.jpg

Replies 6 (6)

PageFly-Victor
Shopify Partner
7865 1786 3131

Hi @BenPF ,

Could you please share URL and your store password if it enabled? So that we can help you.
Thank you.

BenPF
Tourist
18 0 2
GemPages
Shopify Partner
5625 1262 1278

Hello @BenPF ,

 

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

GemPages_0-1678413230376.png

2. Open your theme.liquid file, paste the below code before </body>

GemPages_1-1678413333611.png

<style>
    .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;
  }
</style>

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
EliskaM
Explorer
79 1 9

👍

PageFly-Victor
Shopify Partner
7865 1786 3131

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;
}

PageFlyVictor_0-1678380619461.png

Hope my answer will help you.

Best regards,

Victor | PageFly

EliskaM
Explorer
79 1 9

You are genius Victor! Works perfectly 😍