Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1160464

    Hi,
    I want to change the background color of the “Woocommerce notices wrapper” in the checkout page, when you forget to fill a required field such as First name, the form is not sent and a box wrapper appears at the top indicating that First name is a required field, could you please help me out.

    Thank you

    #1160517

    Hey jfga1969,

    Please provide a link to the site/page in question so we can look into this issue further.

    Best regards,
    Jordan Shannon

    #1160564

    Hi,

    Want to change the pink color of the “Woocommerce notices wrapper” for a grey color.

    Best regards,
    Fernando Guevara

    #1161093

    This is the pink color wrapper i want to change the background color for a grey color:

    #1161124

    Hi,

    .woocommerce-error {
    color: red; /* Change text color */
    border-color: red; /* Change border color */
    }

    This is the CSS class you need to modify.
    Let us know if this works for oyu.

    Best regards,
    Basilis

    #1161422

    Thank you for your help,

    I added it to Quick CSS, unfortunately it is not working yet.
    Is it correct where i added? Or am i doing something wrong?

    Best regards.
    Fernando Guevara

    #1161736

    Hi Fernando,

    Thanks for the update, I tried getting that notice up in your cart but I’m unsure what needs to be done in order to trigger it? We don’t have any native spanish speakers on the team so please let us know exactly what to do in order to for that notice to show, so that we can inspect it.

    Best regards,
    Rikard

    #1161796

    Hi.

    What i need to change is the red /pink background color, the CSS class you told me to modify:

    .woocommerce-error {
    color: red; /* Change text color */
    border-color: red; /* Change border color */
    }

    it changes the color of the text, but not the background color, as you can see in the last image i sent to you the yellow text can not be read because of the background color, so that is why i need to be able to change it.

    I hope you can please help me to do so.

    Best regards,
    Fernando

    #1162099

    Hi Fernando,

    Thanks for the update. Please try this CSS instead:

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

    Best regards,
    Rikard

    #1162424

    Hi,
    It is working perfectly, thank you very much for your help.

    Best regards,
    Fernando

    #1162427

    Hi,

    I’m glad this was resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘How to change Woocommerce notices wrapper background color in the checkout page’ is closed to new replies.