Change "checkout" button color

Topic summary

A user is experiencing low visibility with their cart checkout button on a Shopify store (Swedish language site) and seeks help changing its color.

Solutions Provided:

  • One responder shared an official Shopify guide for customizing dynamic checkout button colors
  • Another offered to provide custom code if the store link is shared
  • A third provided step-by-step CSS instructions:
    • Navigate to Online Store → Themes → Edit code
    • Locate the base.css file
    • Add custom CSS targeting button[name="checkout"] with desired background color

Status: Multiple solutions offered; awaiting confirmation from original poster on which approach worked or if issue is resolved.

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

Hello, the button for going to the cart is barely visible, i would like to change tehe color but haven’t been able to figure it out. As you can see in the picture below. How do i change the color? It’s in Swedish.
thanks in advance

Hey there @FlexiParts Check out this official Shopify guide here https://help.shopify.com/en/manual/online-store/dynamic-checkout/customize-button and you should be able to change the color into something much more visible.

Hi @FlexiParts

Please share your store link so I can give you the code.

Hi @FlexiParts , to do that, please follow our instructions:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find base.css file.

Step 3: Paste this code at the bottom of the file:

button[name="checkout"] {
  background: #000000 !important; // Replace color if you need
}

If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes: