Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #23055

    hello, on this moment all the buttons have the same green color because of

    #top .button, #top #submit {

    background-color: #63c977;


    #top .button:hover, #top #submit:hover{



    .product-sorting {

    display: none;


    But i would like to have only the button afrekenen green and the other ones grey or white

    can you please help me



    Try this on your custom.css

    .button {
    background-color: gray !important;

    .checkout-button.button.alt {
    background-color: #63c977 !important;




    many thanks for the great support.

    it works, but then also the other buttons in the hole site will go gray.and i prefer them to stay green

    to have green buttons is perfect for me but i would like to have at the shoppingcart ( winkelwagen)

    only the “afrekenen”button green and the other buttons “kortingsbon”and winkelwagen bijwerken’ gray.

    is it possible to make only the kortingsbon button and winkelwagen bijwerken button gray and all the other’s green

    again many thanks for your assistance



    In this case use following code:

    .woocommerce-cart .template-page.content .button {
    background-color: gray !important;

    .woocommerce-cart .template-page.content .checkout-button.button.alt {
    background-color: #63c977 !important;

    Best regards,


Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘color checkout button’ is closed to new replies.