Dawn theme - atc bigger on desktop version

Store Design
, ,

Topic summary

A user is seeking help to enlarge the add-to-cart (ATC) button on the desktop version of their Dawn theme store, as it appears unusually small.

Solution Provided:

  • A community member shared custom CSS code to increase the ATC button size by setting max-width: 100% !important on .product-form__buttons
  • Instructions included: Navigate to Online Store → Theme → Edit code → theme.liquid file, then paste the CSS before the closing </body> tag

Additional Requests:

  • The original poster also asked for help making the strikethrough price larger and the sale price bold
  • Follow-up CSS code was provided targeting .price--on-sale .price-item--regular (font-size: 27px) and sale price elements (font-weight: 800)

Status:
The discussion appears ongoing with private messages exchanged for additional customization needs beyond the initial ATC button issue.

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

Hello,

My atc button looks really weird and small on desktop and want to make it bigger. Can someone please help?

atc.png
atc.png728×473 17.9 KB

1 Like
2

Hello @DaandeLeur

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product-form__buttons { max-width: 100% !important; }

niraj_patel_0-1722523473932.png
niraj_patel_0-1722523473932.png641×389 13.9 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

Hello @DaandeLeur .
Our team is ready to help you.
Please share your website address and access password (if necessary) so that we can check and assist you.

4

Hi @DaandeLeur

Is this your store?

Made4uoRibe_0-1722523636981.png
Made4uoRibe_0-1722523636981.png1311×392 219 KB

Seems like the atc already bigger. If not, Would you mind to share your store URL?

5

Hi Niraj, thanks! Also check private messages please i sent you my store because i need some other things to be fixed as well..

6

yes @DaandeLeur tell me please how can I help you?

7

Can you make this -price a little bit bigger and the green price to be in bold?

aa.png

8

@DaandeLeur Add this

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.product__info-container .price--on-sale .price-item--regular { font-size: 27px !important; } .product span.price-item.price-item--sale.price-item--last{ font-weight: 800 !important; }

niraj_patel_0-1722524654248.png
niraj_patel_0-1722524654248.png552×209 27.7 KB

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.