Free Digital Courses 1 min a Day

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

Start upgrading your skills today!

FAQ

Qn:

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

Ans:

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: https://www.computerhope.com/htmcolor.htm#:~:text=HTML%20color%20codes%20are%20hexadecimal,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.

×

Hello!

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

× How can I help you?