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] Thanks in advance!

@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] If it helps you, please like and mark it as the solution. Best Regards :blush:

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

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

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

Store Design

BSSCommerce-B2B October 25, 2024, 3:30pm 6

Glad to help you

Topic		Replies	Views
Resizing Featured collection / Adding padding Store Design design , customizations , collection-page	3	38	July 13, 2024
How can I reduce padding between a title and slider? Store Design customizations , collection-page , css , shopify-themes	5	22	December 16, 2022
Decreasing padding in Featured collection sections Store Design design	5	74	December 7, 2024
How to decrease the padding on a featured collection when it is already on '0' Store Design menu , design , header , customizations , collection-page , footer , landing-page , css , third-party-themes , cart-page , metafields , shopify-themes , troubleshooting , html , product-page	3	30	October 10, 2024
Featured collection bottom padding Store Design css	8	46	September 18, 2024

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

Related topics