Shopify Design

TheBTclub · ‎09-24-2021

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 · ‎09-24-2021

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 · ‎09-24-2021

@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 · ‎09-24-2021

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 · ‎11-15-2021

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