Dawn theme Buy now buttons color customization

Store Design
, , , , , , , , , ,

Topic summary

A user needs to customize the “Buy Now” button colors in the Dawn theme: background to #CC2C0D (red) and text to #EFDFCA (beige).

Proposed Solution:

  • Add CSS code to assets/base.css targeting .shopify-payment-button__button--unbranded
  • Use !important flags to override default styling

Current Status:

  • The suggested CSS fix did not work when the original poster tested it
  • A screenshot shows the code was added but changes aren’t appearing
  • The helper has requested store access to troubleshoot further

Resolution: Ongoing - awaiting direct store access to diagnose why the CSS modification isn’t taking effect.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I’m using dawn theme in that I need to customize the buy now buttons background color to #CC2C0D and button text color to #EFDFCA

Sivadarshan_0-1741953497787.png
Sivadarshan_0-1741953497787.png985×683 198 KB

website: https://2512in.myshopify.com/

password: 2512

Thanks in advance

1 Like
2

Hello @Sivadarshan

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

.shopify-payment-button__button.shopify-payment-button__button--unbranded {
background: #CC2C0D!important;
color: #EFDFCA!important;
}

devcoders_0-1741954851600.png
devcoders_0-1741954851600.png1049×364 41.3 KB

1 Like
3

@devcoders It’s not changing from my end can you please help to resolve the issue

Sivadarshan_0-1741957371541.png
Sivadarshan_0-1741957371541.png1032×653 36.9 KB

2 Likes
4

Hello @Sivadarshan

Please share with me store access.