Change Color notices i.e. "Product added" and "Coupon Code applied successfully"

Solved4 replies3 participantsUpdated by USSH

  • Avatar: USSH
    USSH
    Participant

    Hello, We’d like to match the green color to our brand color green for all pop up notices such as “Product added” and “Coupon code applied successfully.”

    Our green color is hex #74a259

    thanks,

    4 Answers

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello USSH

    Thank you so much for contacting us!

    Add this code in Theme Options > Theme custom CSS:

    .sticky-message-on .content-page .woocommerce-message {
        background-color: #74a259 !important;
    }
    .et-notify[data-type=success] {
      background: #74a259;
    }

    Robert Hall
    Customer Support

    Avatar: USSH
    USSH
    Participant

    Thank you..the color for the background for Product Added looks great…however the background for the coupon code and possibly other notices didn’t take. Can you help with a universal color change?

    btw, you can use the word “Test” for the coupon code at checkout to see the color remained the same as default green. thx

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Change the previous code to:

    .woocommerce-message {
        background-color: #74a259 !important;
    }

    Regards

    Avatar: USSH
    USSH
    Participant

    Thank you so much:)

The issue related to '‘Change Color notices i.e. "Product added" and "Coupon Code applied successfully"’' has been successfully resolved, and the topic is now closed for further responses