Checkout button colour

I would like to change the colour of the checkout button in shopping cart.
Can you help me out?

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .cart-totals-inner .checkout-button {
  color: white;
  background-color: red;
}

Best Regards

Thank you that did it, but when I hoover with my mouse over it the colour changes back to default.

I also would like to change the colour of the checkout button on the side card. I have enclosed some screenshots.
The colour should stay the same even on hoover.

Thank you in advance!

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .cart-totals-inner .checkout-button:hover {
  color: white;
  background-color: red;
}

Please set the colors as per your needs.

Best Regards

I also would like to change the colour of the checkout button on the side card. I have enclosed some screenshots in my lost post. At the moment they are default.

[Elise Noromit]

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-mini-cart__buttons a:last-child {
    background-color:red;
}

Best Regards

• This reply was modified 3 years, 3 months ago by Elise Noromit.

Thank you for the code, it works. However when I hoover over the button the colour changes back to default 🙁
Can you provide me with a code that keeps the colour the same even if user hoovers overs it?

Thank you in advance.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

.woocommerce-mini-cart__buttons a:last-child:hover {
    background-color:red;
}

Best Regards

[Author]

Posts