How do I make the font bigger on add to cart button on DAWN Theme

Store Design

Topic summary

A user seeks to increase the font size of the “Add to Cart” button in Shopify’s Dawn theme.

Solutions Provided:

Two CSS code snippets were shared to modify the button font size:

  1. First approach: Add CSS targeting button.product-form__submit.button.button--full-width.button--secondary with font-size: 20px; at the bottom of the base.css file.

  2. Second approach: Target the button’s span element with font-size: 25px !important; in the same file location.

Outcome:

The original poster confirmed the second solution worked successfully. Another user verified this approach also works specifically for Dawn Theme version 10.0, providing additional confirmation for others encountering the same issue.

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

puppuppup_0-1646032239455.png
puppuppup_0-1646032239455.png1007Ă—405 13 KB

divineemporiumstore.com

1 Like
2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
button.product-form__submit.button.button--full-width.button--primary {
font-size: 20px;
}
3

@puppuppup

button.product-form__submit.button.button--full-width.button--secondary span {
    font-size: 25px !important;
}

add this code in the bottom of the base.css file.

1 Like
4

it didn’t work :disappointed_face:

5

This one worked

1 Like
6

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.

7

This worked for me for anyone with Dawn Theme 10.0. Thanks heaps!