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

This topic has 5 replies, 3 voices, and was last updated 4 years, 9 months ago ago by USSH

  • Avatar: USSH
    USSH
    Participant
    March 15, 2021 at 17:36

    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
    March 16, 2021 at 07:31

    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
    March 16, 2021 at 10:52

    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
    March 17, 2021 at 09:28

    Hello,

    Change the previous code to:

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

    Regards

    Avatar: USSH
    USSH
    Participant
    March 19, 2021 at 03:24

    Thank you so much:)

  • Viewing 5 results - 1 through 5 (of 5 total)

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

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.