Dawn Theme - How to change color of check out button from the item added to your cart pop up window?

Topic summary

A user seeks to change the checkout button color in Dawn theme’s cart popup to a specific hex code (#27BA38 background, white text) without affecting the “View cart” button.

Solution Provided:
Another participant offers a CSS-based fix:

  • Navigate to Online Store → Edit Code → theme.liquid file
  • Add custom CSS code above the closing </body> tag
  • Paste the specific styling code (details appear reversed/encoded in original post)

Outcome:
The original poster confirms the solution worked successfully. The issue is resolved.

Note: Some text in the conversation appears encoded or reversed, but the core troubleshooting steps and successful resolution are clear.

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

How to change color of check out button from the item added to your cart pop up window? I am trying to change the color from black to this specific code below but it changes both buttons. I only want the checkout button but not the view cart button.

.button {

background-color: #27AB38;

color: white;

}

1 Like

Hi @abbecom10

Would you mind to share your Store URL website? with password if its protected. Thanks!

Hi @abbecom10

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
  5. And paste the below code

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

Best Regards,
Rock Technolabs

1 Like

Thank you so much. It worked.