How can I remove padding from multicolumn section in Dawn with CSS?

[bjohns]

Hi,

I’m try to find a way to remove the padding/margin between the top of the columns and the boundary of the multicolumn section in Dawn. Can this be done by adding custom css to the template?

Please see the couple of screenshots below.

The URL is www.ohpopsi.com

Many thanks.

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

.multicolumn-list {
column-gap: 0;
}

[bjohns]

Thanks for your reply.

It’s this gap I’m trying to remove.

[ZestardTech]

Hello there,

Please share with me a full screenshot and send me the page link

[bjohns]

That page isn’t published yet.

However, the same is occuring on the homepage of www.ohpopsi.com

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

.multicolumn .title-wrapper-with-link {
    margin-bottom: 5px!important;
}

[bjohns]

Perfect. Thanks so much, that’s a big help.

[ZestardTech]

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
If helpful then please Like and Accept Solution.