Solved

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

bjohns
Excursionist
16 0 6

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.

Screenshot 2023-11-03 at 08.44.49.png

 

Screenshot 2023-11-03 at 08.59.16.png

Accepted Solution (1)
ZestardTech
Shopify Expert
5438 978 1304

This is an accepted solution.

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

 

ZestardTech_0-1699004734971.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 7 (7)

ZestardTech
Shopify Expert
5438 978 1304

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

 

ZestardTech_0-1699002911957.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
bjohns
Excursionist
16 0 6

Thanks for your reply.

 

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

Screenshot 2023-11-03 at 09.24.49.png

ZestardTech
Shopify Expert
5438 978 1304

Hello there,

 

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
bjohns
Excursionist
16 0 6

That page isn't published yet.

 

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

 

Screenshot 2023-11-03 at 09.38.27.pngScreenshot 2023-11-03 at 09.38.01.png

 

 

ZestardTech
Shopify Expert
5438 978 1304

This is an accepted solution.

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

 

ZestardTech_0-1699004734971.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
bjohns
Excursionist
16 0 6

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

ZestardTech
Shopify Expert
5438 978 1304

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing