Try this custom css:
/* notices */
.woocommerce .woocommerce-info {
color: #000 !important;
background-color: #0ff !important;
}
/* button */
.woocommerce-page.et_pb_button_helper_class .button.wc-backward {
color: #fff !important;
background-color: #0f0 !important;
border-radius: 20px !important;
}
Alter the colour codes to your taste.
Custom CSS can be entered at:
Dashboard > Appearance > Customize > Additional CSS
It would require a small code snippet to turn off all the notices on the checkout page, but if you were to do so, you would also be hiding notices about validation errors on customer details, and the customer would be left not knowing what they have entered wrongly. So far as I know, to allow some notices and not others would not be not easy and would be a job for a developer.
Hi!
Thanks for the reply! The code worked for the coupon notice appearing in the checkout page, but not for the other notice such as ‘Only..€ before free shipping”. Do you have any idea why?
Yes, that’s a message not a notice, so:
/* messages */
.woocommerce .woocommerce-message {
color: #000 !important;
background-color: #0ff !important;
}
Oh ok, thank you! That’s great! If I may ask one more thing: the button on the message don’t seem to be customized by the previous *button code you gave, do you know about that? Thanks again you saved me some time and struggle!
Which button: “Retour a la boutique” or “J’ajoute un produit !”?
“J’ajoute un produit”, also, if I may, do you know how to change the text color in the Coupon notice that appears in white in the checkout page? Like, the first part of the notice is in black, as edited ‘Do you have a promo code?’ and following in the same notice ‘Click here to add it’ is in white. Do you know about that?
Thanks a lot for your time
/* add-product-button */
.woocommerce-page.et_pb_button_helper_class .button {
color: #fff !important;
background-color: #0ff !important;
border-radius: 20px !important;
}
/* links inside messages */
.woocommerce .woocommerce-info a {
color: #888 !important;
}
Thanks a lot again! That’s great. Too bad I can’t take those notice and message only out of the checkout page. I understand your explanation though. I hoped there would have been a code to had to specifically remove these ones.
But thank you for helping me out that was kind of you!
I’ll mark it as resolved. Great day!
