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