Styling buttons like demo
-
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.