Change button color cart

Hi! How can we change the button color in the cart. See picture. So only the red button needs to have another color (other buttons on shop don’t have to change).

Attachments:

You must be logged in to view attached files.

Hello,

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

.woocommerce-mini-cart__buttons .btn-cart {
    border-radius: var(--btn-default-brd-radius);
    color: var(--btn-default-color);
    box-shadow: var(--btn-default-box-shadow);
    background-color: var(--btn-default-bgcolor);
}

Please set the color as per your needs.

Best Regards

Thank you for your reply. Can you also give me the code if we want the button to have a black border with a solid line. Black text and white background color. And on hover we want also another color.

Hello,

You will need this code:

.woocommerce-mini-cart__buttons .btn-cart {
    color: black;
    background-color: white;
  border:2px solid black;
}

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

Best Regards

Thank you Elise! And how can I change the hover color?

Hello,

Add this code:

.woocommerce-mini-cart__buttons .btn-cart:hover {
    color: black;
    background-color: white;
  border:2px solid black;
}

Best Regars

It works perfectly! Thank you for the support.

Another question can you please tell me how to change the color of these two buttons in the cart page? So also the code for border color, background color and hover color.

Attachments:

You must be logged in to view attached files.

Hello,

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

.cart-actions .button[name="apply_coupon"] {
    color: black;
    background-color: white;
  border:2px solid black;
}
.cart-actions .button[name="apply_coupon"]:hover {
    color: green;
    background-color: white;
  border:2px solid black;
}
.cart-actions .button[name="update_cart"] {
    color: black;
    background-color: white;
  border:2px solid black;
}
.cart-actions .button[name="update_cart"]:hover {
    color: green;
    background-color: white;
  border:2px solid black;
}

Best Regards

[Author]

Posts