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

Store Design
, , ,

Topic summary

A user wants to reduce the excessive padding around the counter/pagination element below Featured Collection sections on their homepage.

Solution Provided:

  • Add custom CSS to the theme.liquid file (above </head> tag)
  • Target the featured collection pagination with specific styling to minimize spacing
  • The original poster confirmed this solution worked successfully

Additional Suggestion:

  • Reduce slider button height further by adding CSS: .slider-button { height: 25px !important; } before </style>
  • This addresses additional padding within the navigation buttons themselves

Status: Resolved. The CSS customization successfully reduced the unwanted spacing between featured collection sections.

Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.
1

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:

Featured Collections Padding.jpg
Featured Collections Padding.jpg1000×934 201 KB

Thanks in advance!

2

Hi Namestolen,

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

3

https://rttrove.com/

1 Like
4

@namestolen ,

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

Step 2: Search file theme.liquid

Step 3: Insert this code above

Result:

BSSCommerceB2B_0-1729869973969.png
BSSCommerceB2B_0-1729869973969.png1884×885 517 KB

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

Best Regards :blush:

1 Like
5

Thank you! That worked. :grin:

6

Glad to help you

7

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 ‘’