Remove margins/spacing between the products in Warehouse theme

TheBTclub
New Member
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)
Pallavi
Shopify Expert
2458 411 531

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
9823 2234 3071

@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 | Bag is a cart drawer that maximizes your sales. View app →
Natztech
Shopify Partner
2236 565 1373

 

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
New Member
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