Remove margins/spacing between the products in Warehouse theme

Hi everyone,

I’d like to remove all the padding/spacing/margins from the collection page on my store that has been built using Warehouse theme.

Here’s the link to the store - www.thebtclub.com

I’ve highlighted the area in red in the below attached word file that I want to get rid of. Need help!!

Hello There,

Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

@TheBTclub

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 640px){
.product-list--collection .product-item--vertical {
    padding: 5px !important;
}
}

hello @TheBTclub

Please add the following code at the bottom of your assets/theme.css file.

@media screen and (max-width: 749px){
.template-collection .card .product-item {
    padding: 3px !important;
}
}

Hello, i have an opposite issue, i want to add margins/spacing between the product borders in Warehouse theme.

in attached screenshot you will see the products are connected to each other with a border. i would like to have a space in-between the border of the products so they stand “free”, still with border around the product.

Thank you in advance,

Looking forward to hear some solutions on my issue! :heart: