Return to previous page

Change color buttons on the cart page - by d4r1uzzo

This topic has 6 replies, 2 voices, and was last updated 6 years 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)