Remove margins/spacing between the products in Warehouse theme

TheBTclub
Visitor
1 0 0

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

Replies 4 (4)

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

dmwwebartisan
Shopify Partner
12280 2546 3694

@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;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Kinjaldavra
Shopify Partner
2302 570 1422

 

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
Visitor
1 0 0

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

TEKLinnea_0-1636993054389.png