Reduce padding between two rows of collections on my Homepage in Minimal

Solved
mirandabb
Excursionist
20 1 3

Hello, 

I'm using the Minimal theme and want to reduce the white space/padding between two collection lists I have there so it looks like one unified section. I've tried a couple code edits, but I can't quite get the right one.

https://your-re-max-hallmark-virtual-assistant.myshopify.com

password: hallmark

 

Thanks,

Miranda

 

 

0 Likes
JHKCreate
Shopify Partner
2046 331 445

This is an accepted solution.

Hello @mirandabb 

Add the following to your theme.scss file:

a.grid-link {
    padding-bottom: 5px;
}

@media screen and (min-width: 769px)
{
.index-section {
    padding-top: 20px!important;
    padding-bottom: 0px!important;
}
span.grid-link__image.grid-link__image--collection {
    margin-bottom: 0px;
}

}

 

That should do it! Let me know!

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
0 Likes
mirandabb
Excursionist
20 1 3

This is an accepted solution.

That's perfect, thanks!

0 Likes