Home Forums WoodMart support forum How to change specific button colors in Woodmart?

How to change specific button colors in Woodmart?

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

    royberrev
    Participant

    Hi,

    I would like to change the background colors of some specific buttons in my webshop from yellow to green #61CE70.

    1) Mini cart button with ‘Afrekenen’ –> #61CE70
    2) Button ‘doorgaan naar afrekeken’ in the cart page –> #61CE70
    3) Button ‘Bestelling plaatsen’ on the checkout page next to the payment options –> #61CE70

    Do you have the CSS to achieve this?

    Kind regards,

    Roy

    Attachments:
    You must be logged in to view attached files.
    #276333

    Hello,

    You can find the option to change the color in the Theme Settings > Styles and colors > Buttons.

    Best Regards

    #276520

    royberrev
    Participant

    This option would make all the buttons green. I wish to make those 3 buttons exclusively green. How can we achieve this?

    #276685

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .btns-shop-light .widget_shopping_cart .buttons .checkout{
    background-color:#61CE70;
    }
    .btns-shop-hover-light .cart-totals-inner .checkout-button,
    .btns-shop-hover-light .cart-totals-inner .checkout-button:hover{
    background:#61CE70;
    }
    .btns-shop-light #place_order{
    background:#61CE70;
    }

    Best Regards

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