[Dawn Theme] How reduce padding between "Featured Collection" sections?

[namestolen]

On my main page I have a bunch of featured collections that I display.  I don't like how much padding the little counter below the collection takes up and I want to reduce the padding as much as possible. Here's a picture for example:

Thanks in advance!

[kevinkarma55]

Hi Namestolen,

Please share a preview link to your site so that we can better assist. 

[namestolen]

https://rttrove.com/

[BSSCommerce-B2B · Accepted solution]

@namestolen,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.collection .product-grid {
  margin-bottom: 0!important;
}
.collection .product-grid .grid__item {
  padding-bottom: 0!important
}
</style>

Result:

If it helps you, please like and mark it as the solution.

Best Regards 😊

[namestolen]

Thank you!  That worked. 😁

[BSSCommerce-B2B]

Glad to help you 

[kevinkarma55]

also if you want you can reduce the slider button height a bit to reduce even more as I noticed your button has lots of padding inside:

.slider-button {
   height: 25px !important;
}

 before '</style>'