Return to previous page

Change color buttons on the cart page - by d4r1uzzo

This topic has 6 replies, 2 voices, and was last updated 5 years, 10 months ago ago by Rose Tyler

d4r1uzzo

Participant

February 14, 2019 at 13:08

Hello, I would need help with changes to the colors of the buttons (Enter your promotional code
, continue shopping and update cart) on the cart page that I was not able to make from the theme settings.

http://prnt.sc/ml09u0

is it possible to insert an additional button to empty the cart?

Greetings,
Dario

#209228 Copied Theme version: 5.1.6.1 WooCommerce version: 3.5.4

5 Answers
Rose Tyler

Support staff

February 14, 2019 at 13:26
Hello,

1) You can add this custom css code:
```
.woocommerce-cart .et-open.to_open-coupon {
    border: 1px solid #a2185b;
    padding: 5px 8px;
    margin: 0px 0 15px 0;
    color: #a2185b;
}
.woocommerce-cart .actions > div:first-child {
    padding-right: 0px;
}
.woocommerce-cart .return-shop {
    border: 1px solid #1b1b1b;
    color: #1b1b1b;
    padding: 5px 8px !important;
}
.woocommerce-cart .return-shop:hover {
    border-color: #a2185b;
    color: #fff;
    background-color:  #a2185b;

}
.woocommerce-cart-form .btn {
    background-color: #1b1b1b;
    color: #fff;
}
.woocommerce-cart-form .btn:hover {
    background-color: #a2185b;
    color: #fff;
}
```
2) This requests additional customization in files. Additional customization is not included in the scope of our basic support.

Regards
#209229 Copied
d4r1uzzo

Participant

February 14, 2019 at 15:58

Ok thanks a lot, I would need the last two changes to the buttons

http://prnt.sc/ml32n0

Thanks again,
Dario

#209236 Copied
Rose Tyler

Support staff

February 14, 2019 at 16:33
```
.woocommerce-cart-form #coupon_code {
    border-color: #1b1b1b;
}
.cart-popup-footer .btn-view-cart {
    background-color: #a2185b;
    color:  white;
    text-align:  center;
}
.cart-popup-footer .btn-view-cart:hover {
    color: white;
    background-color: #741241;
}
```
Regards
#209238 Copied
d4r1uzzo

Participant

February 20, 2019 at 13:16

Thanks a lot,
is it possible to make the same change made previously in the coupon area of the checkout page?

http://prnt.sc/mnn4bh

http://prnt.sc/mnn4km

Thanks again,
Dario

#209523 Copied
Rose Tyler

Support staff

February 20, 2019 at 13:43
```
.woocommerce-checkout .woocommerce-info:first-child {
    border: 1px solid #a2185b !important;
    padding: 5px 8px;
    margin: 0 0 15px 0;
    color: #a2185b;
}
.before-checkout-form .checkout_coupon .form-row input {
    border-color: #1b1b1b;
}
```
Regards
#209527 Copied
Viewing 6 results - 1 through 6 (of 6 total)