How to change the cart button colour in the side

Hello,

How to change the cart button colour in the side: https://snipboard.io/RAl3ue.jpg?

Hello,

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

body .woocommerce-mini-cart__buttons .btn-cart {
    color: white;
    background-color: red;
}
body .woocommerce-mini-cart__buttons .btn-cart:hover {
    color: white;
    background-color: green;
}

Set the colors as per your needs.

Best Regards

Hello,
That did not work. I am trying to change the button colours to: #F65454 and #F8E5E5 for hover.
The boxes are still grey.

Please see video in private content.

Hello,

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

body .woocommerce-mini-cart__buttons  .btn-cart {
    color: white;
    background-color: #F65454;
}
body .woocommerce-mini-cart__buttons  .btn-cart:hover {
    color: white;
    background-color:#F8E5E5  ;
}

Best Regards

Hello,

It is still not working.
https://snipboard.io/oNjRBO.jpg
https://snipboard.io/CkdHVa.jpg

Please advise.

Hello,

Please insert the site admin access into the Private content below the message area. We will take a closer look at the case.

Best Regards

Hello, I have added the info in the private content.

Hello,

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

.widget_shopping_cart_content .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{
background-color:red;
}

Best Regards

Hello,

That only changed 1 button also there is no hoover colour: https://snipboard.io/AkMsKa.jpg

Also as mentioned previously, I need the following for BOTH buttons:
Button: #F65454
Hoover: #F8E5E5

I have no hoover colour and “checkout” is still grey/no colour change.

You have given me 3 css codes now and still not working properly. I also have given you my login as I have expected you to give me a css code that works by now.

Please advise with a working css code.

Hello,

You need just to replace the code:

body .widget_shopping_cart_content .elementor-menu-cart__footer-buttons a.elementor-button--view-cart{
background-color:#F65454;
}
body .woocommerce-mini-cart__buttons .btn-cart {
background-color:#F65454;
}
body .widget_shopping_cart_content .elementor-menu-cart__footer-buttons a.elementor-button--view-cart:hover{
background-color:#F8E5E5;
}
body .woocommerce-mini-cart__buttons .btn-cart:hover {
background-color:#F8E5E5;
}

Best Regards

[contactpleazurr]

Hello,

The checkout button is still not changing colour as it’s still green! https://snipboard.io/3BiLVd.jpg

As I gave you access to my site, can you please test that these work before giving me the code? You gave me 4 codes so far that do not work.

Please advise.

• This reply was modified 2 years, 7 months ago by contactpleazurr.

Hello,

Please check the screen: https://gyazo.com/77faa53b26668a401a43ac8c917aeb8e

If you have any questions please feel free to contact us.

Best Regards

Hello,

You are showing me the “view cart button” in the video. As mentioned in my last message “The checkout button is still not changing colour as it’s still green! https://snipboard.io/3BiLVd.jpg”

Again, I want to change the colour of the “checkout” button.

Hello,

Please replace the code :

body .woocommerce-mini-cart__buttons .checkout {
background-color:#F65454;
}
body .woocommerce-mini-cart__buttons .checkout:hover{
background-color:#F8E5E5;
}

Best Regards

[Author]

Posts