Change button and font color (dawn theme)

Store Design
, ,

Topic summary

A user seeks help modifying button and font colors on their Shopify store (10xfuel.com) using the Dawn theme.

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the base.css file
  • Add custom CSS code to modify button styling

The GemPages support team provided specific CSS code targeting product form buttons and Shopify payment buttons, adjusting properties like width and margin to ‘auto’. The response includes a code snippet for implementation, though the exact color modification details appear incomplete in the provided conversation. The user is invited to follow up if additional information is needed.

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

how can I modify the current button / font color?

website: 10xfuel.com

10xfuel_1-1671807347934.png
10xfuel_1-1671807347934.png1624×362 16.8 KB

thank you!

2

Hello @10xfuel

It’s GemPages support team and glad to support you today.

You can follow these steps:

  1. Go to Online Store → Theme → Edit code
  2. Open your base.css file and paste the following code below:
.product-form__buttons button.shopify-payment-button__button--unbranded{
    width: auto;
    margin: 0 auto;
}

If you require any further information, feel free to contact me.
Best regards,
GemPages Support Team

2 Likes