[css] .woocommerce-error, .woocommerce .woocommerce-error, .woocommerce-info, .woocommerce .woocommerce-info, .woocommerce-message, .woocommerce .woocommerce-message { padding: 1em 2em 1em 3.5em !important; margin: 0 0 2em !important; position: relative !important; background-color: #f7f6f7 !important; background: #f7f6f7 !important; color: #515151 !important; border-top: 3px solid #79bde9 !important; border-top-color: rgb(121, 189, 233) !important; list-style: none outside !important; width: auto !important; word-wrap: break-word !important; } .woocommerce-info::before { color: #79bde9 !important; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { font-family: WooCommerce; content: '\e028' !important; display: inline-block !important; position: absolute !important; top: 1em !important; left: 1.5em !important; color: #79bde9!important; } .woocommerce-info a {color: #79bde9 !important;} [/css]
How to customize WooCommerce messages on cart and checkout pages
Add the following CSS in the Divi theme options area and customize however you like.
Need help with this?
Hire me for a consultation and I'll walk you thru the process.
0 Comments