How can I effectively reduce padding between product blocks?

[kaspianfuad]

Hi there,

I was trying to remove the bottom padding from the product blocks but this code isn’t working for that, what can I use to reduce the padding between the sections?

}
.collection-listing .product-block {
padding-bottom: 1px !important;
}

website: https://blackdonkeynl.com/

[biznazz101]

Try adding this instead:

.container--no-max {
padding-bottom: 1px !important;
}

Not 100% sure that will work, but hopefully!
@biznazz101

[kaspianfuad]

@biznazz101 sorry, just tried. Not working

[PageFly-Noah]

Hi @kaspianfuad

This is Noah from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

Hope this can help you solve the issue

Best regards,

Noah | PageFly

[ZenoPageBuilder]

Hello @kaspianfuad

Try using this code

.product-block .block-inner {
    margin-bottom: 0px !important;
}

The result

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > styles.css and paste this at the Bottom of the file:

.collection-listing .product-list {
margin-bottom: -40px!important;
}

[kaspianfuad]

Hi @PageFly-Noah ,

Thanks for your solution, it worked perfectly for the homepage. Can you please take to look and tell me how can I make the collection page like this https://quotrell.com/collections/women-all ?

I would like to reduce margins for the collection page too, top and bottom

[PageFly-Noah]

@kaspianfuad Sure, please replace the code above with this new one: