We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to change the Checkout button colour in the added to cart box

How to change the Checkout button colour in the added to cart box

Nomad09
Visitor
2 0 0

checkout button.png

 

Hi, I've chosen a black and white theme for my website. which has resulted in the check out button above being white on white.

how do i change the colour of the text on this button to black please?

I managed to edit the code to change the colour of the number in the cart bubble but don't know what the code name for this button is.

thanks so much

Replies 4 (4)

Taknify
Shopify Partner
294 19 31

Please share you store url whenever you ask questions on this form. We don't know your store so we can't help.

Need to tweak your store? Simply, send me a message.

PaulNewton
Shopify Partner
8031 688 1649

Hi @Nomad09 👋  READ: https://community.shopify.com/c/blog/how-to-get-support-from-the-community/ba-p/2254458 

Self awareness and upfront communication is a key to success other's aren't mind readers or magically have access to what you have access to.

 

Provide inspectable urls that are publicly accessible for other people to even have a chance of helping you.

Contact paull.newton+shopifyforum@gmail.com for the solutions you need


Save time & money ,Ask Questions The Smart Way


Problem Solved? ✔Accept and Like solutions to help future merchants

Answers powered by coffee Thank Paul with a Coffee for more answers or donate to eff.org


namphan
Shopify Partner
2777 358 407

Hi @Nomad09,

Please go to Customize > Theme settings > Custom CSS and add code:

.cart-notification__links .button.button--primary {
    color: #121212;
}
Coffee tips fuels my dedication.
Shopify Development Service
PageFly Page Builder Optimize your Shopify store (Free plan available)
Need help with your store? namphan992@gmail.com

SEOAnt-Jeffery
Shopify Partner
288 5 22

Hi @Nomad09

 

To change the color of checkout button, we can use CSS to adjust it accordingly. Since you did not share the store URL here, I fail to proceed and further check it for you. It is better for you to share this page related URL, so that I can provide you the specific code directly. Thank you!

An AI-powered all-in-one SEO optimization tool that elevates website rankings, traffic through intelligent keyword analysis and website content optimization.

Official Website | SEOAnt