Remove margins/spacing between the products in Warehouse theme

[TheBTclub]

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!!

[ZestardTech]

Hello There,

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

[dmwwebartisan]

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

[Kinjaldavra]

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

[TEKLinnea]

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! ❤️