Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • November 26, 2019 at 9:50 pm #1160464
    jfga1969

    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

    November 27, 2019 at 1:44 am #1160517
    Jordan Shannon

    Hey jfga1969,

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

    Best regards,
    Jordan Shannon

    November 27, 2019 at 7:03 am #1160564
    jfga1969

    Hi,

    Pago

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

    Best regards,
    Fernando Guevara

    November 28, 2019 at 7:37 pm #1161093
    jfga1969

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

    November 28, 2019 at 11:31 pm #1161124
    Basilis

    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

    November 30, 2019 at 2:04 am #1161422
    jfga1969

    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

    December 2, 2019 at 6:08 am #1161736
    Rikard

    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

    December 2, 2019 at 11:23 am #1161796
    jfga1969

    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

    December 3, 2019 at 8:06 am #1162099
    Rikard

    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

    December 4, 2019 at 1:04 am #1162424
    jfga1969

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

    Best regards,
    Fernando

    December 4, 2019 at 1:44 am #1162427
    Jordan Shannon

    Hi,

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

    Best regards,
    Jordan Shannon

  • Author
    Posts
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.