Craft Theme - Reduce white space in cards

Technical Q&A
1

Hello,

I use the collection list on my homepage. I figured out how to display more cards in each row, but I am wondering if there is a way to reduce the white space at the bottom of the cards under the collection name.

Here is the website:

https://www.thespearheadcollection.com/

Thank You

2

@SpearheadCanada ,

.card__information {
    padding: 0;
}
.card__content {
    margin: 0;
    padding: 3px 0;
}

Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid

1 Like
3

Hii @SpearheadCanada

Welcome to the Shopify community!
Thanks for your good question.

Go to Online Store->Theme->Edit code
Asset->/theme.css ->paste below code at the bottom of the file.

.card__information {
padding: 0;
}
.card__content {
margin: 0;
padding: 3px 0;
}

4

Hi,

I am Ani From https://www.task4store.com/ - Shopify Small & Custom Tasks Experts ( By MS Web Designer - Top Rated Shopify Certified Experts and eCommerce Consultant from Singapore )

Here are the Solutions!

Go to Online Store->Theme->Edit code
Asset->/theme.css ->paste the below code at the bottom of the file.

.card__information {
padding: 0;
}
.card__content {
margin: 0;
padding: 3px 0;
}

If you have any concerns feel free to ask me!

Regards,
Ani

5

This doesn;t seem to be doing anything,

I am wondering if it is because I change the sizing of the grid first.

I changed this code in my base.scss file:

https://community.shopify.com/c/shopify-design/craft-theme-changing-of-collections-per-row-in-collection-grid/m-p/1485506#M391867

Thank You