Adjusting Button Height in the Dawn Theme's Featured Collection Section

[Opiesie]

I'm encountering an issue with adjusting the height of buttons on the featured collection section in my Shopify store, dawn theme. I've tried using CSS codes to change the button's height, but each attempt negatively affects the layout by moving the buttons up and interfering with the row/column below. How can I change the button's height without impacting their placement within the featured collection section? Grateful for any help and advice!

[KabirDev]

Hi @Opiesie, could you share your store URL so that I can write the CSS code for you?

[Opiesie]

hi @KabirDev , ofc. 

kawinki.com

password: rtieck

[KabirDev · Accepted solution]

Hi @Opiesie, add the below code to your theme's CSS file.

.card__content .quick-add__submit {
    min-height: 0 !important;
    padding: 8px !important;
}

Notice I used 8px padding here. You can increase or decrease it per your need.

[Opiesie]

perfect @KabirDev , thank you so much. is there any way to adjust them even further for mobile view only too?

[KabirDev]

I'm glad that it helped. Yes, it's possible to customize any elements of your store including the button for mobile view only. In that case, you will need more custom CSS style rule.

[Tony011]

Hey KabirDev 

Just looking at the above code for adjusting the height of the quick add buttons in the dawn theme, could you please clarify exactly where to paste this code.

Thank you