How to change checkout button colour in cart-Dawn theme

Store Design

Topic summary

A user seeks to change the checkout button color to #F83ECE in their Shopify store using the Dawn theme. They provide a screenshot showing the current cart page.

Solution Provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert custom CSS code before the closing tag
  • The code targets the checkout button styling

The solution successfully resolved the initial issue. The user then asked a follow-up question about removing the black outline from the “Add to Cart” button on product pages, providing another screenshot. This secondary question was addressed in a separate thread.

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

Screenshot_20230320_183956_Samsung Internet.jpg
Screenshot_20230320_183956_Samsung Internet.jpg1080×2129 142 KB

Hello, is there a way to change the checkout button colour in the cart to #F8F3EC? I will provide a screenshot. The store is www.robertoaccessori.com and the password to access it is: password

2

Hi @User1911 ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

PageFlyVictor_0-1679334812817.png

Hope my answer will help you.

Best regards,

Victor | PageFly

1 Like
3

Thank you very much, it worked. I have an additional question, is it possible to remove the black outline around the button similarly

Screenshot_20230320_190114_Samsung Internet.jpg
Screenshot_20230320_190114_Samsung Internet.jpg1080×1983 171 KB

to the add to cart button in the product page? I will provide a screenshot

4

I answered this question in your new thread. Please check it. Thank you