• Resolved jpollie

    (@jpollie)


    Hi all,
    If you want the styling like the demo you can use this, if your theme overwrites it.

    /* Order Tip for WooCommerce START */
    button#woo_order_tip_5, button#woo_order_tip_10, button#woo_order_tip_15, button#woo_order_tip_custom, button.woo_order_tip_remove, button.woo_order_tip_apply {
        background-color: #eeeeee;
        border-color: #eeeeee;
        color: #333333;
        padding: .5rem 1rem;
    }
    
    button:hover#woo_order_tip_5, button:hover#woo_order_tip_10, button:hover#woo_order_tip_15, button:hover#woo_order_tip_custom, button:hover.woo_order_tip_remove, button:hover.woo_order_tip_apply{
        background-color: #d5d5d5;
        border-color: #d5d5d5;
        color: #333333;
        padding: .5rem 1rem;
    }
    
    button.woo_order_tip_remove, button:hover.woo_order_tip_remove, button.woo_order_tip_apply ,button:hover.woo_order_tip_apply {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
    }
    
    .woo_order_tip.active {
        background: #000 !important;
        color: #fff !important;
    }
    
    /* Order Tip for WooCommerce END */
    
  • The topic ‘Styling buttons like demo’ is closed to new replies.