Free Digital Courses 1 min a Day

Designed for learners of all ages. Easy to understand. Deaf-friendly.

Start upgrading your skills today!



[WooCommerce Store] Customize Proceed to Checkout Button on Cart Page


Here’s the CSS code to change color for “Proceed to Checkout” Button on Cart page for WooCommerce.

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background-color: #FFA62F;
color: #FFFFFF;

Here’s the CSS code to change the mouse hover colors:

.woocommerce-cart .wc-proceed-to-checkout a:hover.checkout-button {
background-color: #4C4646;
color: #FFFFFF;

You may refer here for html color codes:,tables%20on%20a%20web%20page.

Simply copy and paste the color you like to both the background and text color code in the CSS code.

Go to Appearance > Customize > Additional CSS to input the code.

Have fun! 🙂

Leave a Reply

Your email address will not be published.



Click one of our representatives below to chat on WhatsApp or send us an email to [email protected]

× How can I help you?