How to customize WooCommerce messages on cart and checkout pages

Jun 25, 2019 | WooCommerce Tips

Add the following CSS in the Divi theme options area and customize however you like.

.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;}

Need help with this?
Hire me for a consultation and I’ll walk you thru the process.

“WOW! Money WELL spent. Joseph was incredibly knowledgeable in helping me make some final tweeks to my Divi website. He was very caring and went above and beyond. Will 100% use him for any future Divi website needs.”
Claire – CMMC

“You really get what you pay for with Joe. He does more than simply build a website, he sets up websites for success. Functional, clean, professional designs and he keeps up/implements the latest plugins and technology. Thank you Joe. I will continue to refer you work.”
Mark Winger

“The best WordPress guy I’ve worked with on WordPress, hands-down (and I’ve worked with dozens). Remarkably good with theme customizations with a quick turn. Kept it on budget as well. A rarity with hourly contracts.”
Nate Wright

“Thanks for your prompt reply. You’re always so comprehensive. If we could write another review just for your communication skills, then we would.”
Alex N

More Tips