Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #3216847
Button Color
Closed

Comments

  • Kaycp started the conversation

    How do I change the "Proceed to Checkout" button color on the checkout page? https://fierceboldtechnology.com/cart/ 

    There's a hover color for text and background then there's the standard non-hover text and background color.

    See attached image? 

  •  7,280
    Oliver replied

    HI!

    CSS example:

    .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button {
        background-color: #000 !important;
        color: #fff !important;
    }
    .woocommerce .wc-proceed-to-checkout .checkout-button-button .checkout-button:hover {
        background-color: #eee!important;
        color: #000 !important;
    }
    

     

    3938581396.jpg

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver

  • Kaycp replied

    It works. Thanks.

  •  7,280
    Oliver replied

    Welcome!

    Please note if you comment on your ticket before we reply, your ticket will be pushed down of the tickets list. 

    Regards, Oliver