How can I change the checkout button color in my cart?

Topic summary

A user wants to change their cart checkout button color from the default to green.

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Locate the custom.css file
  • Add CSS code targeting the checkout button class with background: green !important;

A code snippet was shared to modify the button styling.

Open issue:
Another user reports they cannot find the custom.css file in their theme (Dawn 10.0) and wants to change their button to black instead. This suggests the solution may not work universally across all Shopify themes, and the discussion remains unresolved for themes without a custom.css file.

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

I want to change the color of this button " Fechar Compras " on the cart to green. My website is www.nonastore.com.br

Hi @nonastore

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file custom.css.

Step 3: Paste the below code at bottom of the file → Save

#jas-content button.checkout-button.button.alt {
    background: green !important;
}

Hope that my solution works for you.

Best regards,

Victor | PageFly

1 Like

I have the same issue & I want to change the color to black but I cant find custom.css file in my theme settings

I am using dawn 10.0

and my website is householdpoint.pk