Change "checkout" button color

Change "checkout" button color

FlexiParts
Visitor
2 0 0

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

gotocart.JPG

Replies 3 (3)

Bundler-Manuel
Astronaut
1118 51 131

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.

Emmanuel
Please let me know if it works by marking it as a solution!
Bundler - Product Bundles app, a great bundle app for Shopify, with glowing user testimonials and a free plan.

Dan-From-Ryviu
Shopify Partner
11997 2347 2523

Hi @FlexiParts 

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

- Helpful? Like & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

B2Bridge
Trailblazer
365 75 94

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 😍 

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.