New Shopify Certification now available: Liquid Storefronts for Theme Developers

Change button height Dawn theme

Solved
RitualMullum
Tourist
16 0 1

Hi there,

 

I want to make my buttons a bit bigger but can't find how to in the theme button settings.

Any CSS that would help?

 

I would also like to increase the letter spacing if possible.

 

This is my button now

Screen Shot 2023-10-16 at 7.27.45 am.png

 

And I want it more like that

Screen Shot 2023-10-16 at 7.27.56 am.png

Thank you

 

Accepted Solution (1)
Rob_Mardall
Shopify Partner
23 2 3

This is an accepted solution.

Hi @RitualMullum, adding the following custom CSS to the rich text section with the button should help:

 

.button {

padding:  28px 80px;

}

 

Let me know if you need any more help!

Rob

Find out why users are leaving today for FREE with Exit Intent Survey


I have years of experience building apps and helping merchants solve problems on their stores so feel free to message me if you need any help!

View solution in original post

Replies 6 (6)
Made4uo-Ribe
Shopify Partner
4243 981 1196

Hi @RitualMullum 

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
Need a knowledgeable developer? Come and visit us at

Made4uo.com


RitualMullum
Tourist
16 0 1

Yes sorry, www.greatspirit.com.au

Thanks!

fadi_yousif
Shopify Partner
315 40 54

You can make it bigger by increasing the padding. There is also a letter-spacing CSS property that you can adjust. Try experimenting with code in the Custom CSS section of your theme editor.

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp
 - Was your question answered? Mark it as an Accepted Solution

Rob_Mardall
Shopify Partner
23 2 3

This is an accepted solution.

Hi @RitualMullum, adding the following custom CSS to the rich text section with the button should help:

 

.button {

padding:  28px 80px;

}

 

Let me know if you need any more help!

Rob

Find out why users are leaving today for FREE with Exit Intent Survey


I have years of experience building apps and helping merchants solve problems on their stores so feel free to message me if you need any help!
RitualMullum
Tourist
16 0 1

Amazing thank you! Just added it at the end of base.css and it worked perfectly 🙂

Rob_Mardall
Shopify Partner
23 2 3

That’s great!

 

Although worth noting that putting it in base.css will apply it to all buttons on the store with the class “button” so just put it in the sections you want it if that’s not the desired effect

Find out why users are leaving today for FREE with Exit Intent Survey


I have years of experience building apps and helping merchants solve problems on their stores so feel free to message me if you need any help!