Change color buttons on the cart page - by d4r1uzzo

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

  • Avatar: d4r1uzzo
    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

    5 Answers
    Avatar: Rose Tyler
    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

    Avatar: d4r1uzzo
    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

    Avatar: Rose Tyler
    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

    Avatar: d4r1uzzo
    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

    Avatar: Rose Tyler
    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

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.