Change Add To Cart Color Buttons And Checkout Color Button Dawn Theme

Topic summary

Goal: Change the Add to Cart (product page) and Checkout (cart page) buttons to green (#47D13C) across Shopify’s Dawn theme templates (Default, tees-1, crewneck-1). Store URL and password were shared, with screenshots.

Guidance: A reply suggested adding custom code in theme.liquid above the closing tag. The actual code snippet content was not included in the thread.

Result: The approach partially worked—the button fill changed, but a black border/outline remained. The cart page’s checkout button also did not become fully green.

Update: The requester received private help; the product page button is “kinda” working but still shows an outline. They still need code to ensure the cart page checkout button is fully green.

Status: No complete, public solution posted. Open items include the precise CSS to override the button border/outline and the correct selectors for the cart/checkout button in Dawn.

Summarized with AI on January 24. AI used: gpt-5.

Hi I want to change my add to cart button on the product page and checkout button on the cart page to green (#47D13C). Currently they only change with the different color schemes and am unable to find the right match. Help would be greatly appreciated. I have different product templates one being Default template the next is tees-1, then crewneck-1. It that matters with the code.

Store: www.believersbrigade.com

Password: meatri

Hey @Jacobsladdr

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

This kinda works but the outline is still black.. needs to be all green and also need code for cart page so checkout button is fully green

I had someone privately help with it. The code accepted kinda works for product page… just leaves an outline