how can i change my button colours on product page?

Topic summary

A user working with the Dawn theme wants to customize button colors on their product page:

Goal:

  • Change the first two boxes to white
  • Change the “Buy It Now” button to black

Solution provided:
Navigate to: Online Store → Theme → Edit code → Assets → base.css

Add CSS code at the bottom targeting:

  • Product submit button (background: #000 for black)
  • Quantity selector (background: #fff for white)

The original poster confirmed the solution worked.

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

with Dawn theme how can i change the first 2 boxes to be white and the buy it now to be black?

Hello @Andia

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

.quantity {
    background: #fff !important;
}
button#ProductSubmitButton-template--14962412257369__main {
    background: #000 !important;
}

thank you!