A Shopify store owner reported that their checkout button appears grey (looking deactivated) despite functioning normally. They wanted to change the button color but couldn’t resolve it themselves.
Solution provided:
Follow-up issue:
After the initial fix, the checkout button only displays red when clicked from the cart icon, but remains grey in the cart “notification checkout” area.
Additional fix:
A second CSS snippet was provided targeting the notification checkout button specifically, using !important flag to override existing styles.
Status: The initial solution worked for the main checkout button. The thread appears ongoing as the user requested help with the notification area styling.
Hi,
If you put anything in the cart and want to check out, the button is grey. it looks like it is deactivated, it works just normal though. we want to change the color and can’t get it done, i dont find any line of code that is responsible for its behavior. as far as I know we didnt change anything regarding the carts.
Shop: https://ampchampment.com/
Best regards
Hello there,
In your Shopify Admin go to online store > themes > actions > edit code
Find Asset >base.css and paste this at the bottom of the file:
button#checkout {
background-color: #000;
}
Thank you very much, it worked
Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.
Hi,
If you put an item into your cart, the checkout button is still grey. it is only red now if you click on your cart button and want to check out from there. i want the button to be red in the “checkout notification” cart. How would I do that?
Best regards
