Okay
  Public Ticket #2847743
Change Notices Colors in Woocommerce Shopping cart
Closed

Comments

  • Elisabeth Clark started the conversation
    August 12, 2021 at 1:31pm

    The notices that popup when customers don't agree to terms, or don't solve the captcha are difficult to see, and so I'd like to change the background color to something more noticeable than our theme color (blue).

  •  1,878
    Judith replied
    August 12, 2021 at 1:40pm

    Hi Elisabeth,

    Thanks for reaching out.

    I am not getting any pop up from your website, please let me know what triggers the pop up or let me know whether I am missing something.

    Thanks.

  •  2,961
    Andrew replied
    August 12, 2021 at 1:46pm

    Hello Elisabeth,

    Try the following CSS.

    .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message {
    color: white;
    background-color: red !important;
}

    Regards,

  • Elisabeth Clark replied
    August 12, 2021 at 2:02pm

    When you get to the checkout, if you try to proceed to pay with paypal for example, but have not solved the captcha, an error comes up at the top of the screen. Right now it is blue and people miss it, so I'd like to make it a brighter color.

  •  2,961
    Andrew replied
    August 12, 2021 at 2:10pm

    Hi again Elisabeth,

    If you intend to change the color of the error notice only and not all WooCommerce notices, the following CSS might help.

    .woocommerce .woocommerce-error{
    background-color: red !important;
}

    Let me know if this works for you

    Regards,

  •  1,878
    Judith replied
    August 12, 2021 at 2:13pm

    Hi Elisabeth,

    Please try this css:

    .container-wrap .woocommerce-error {
        background: red !important;
    }

    Thanks.