Notification bar settings?

Hello,

Wondering where I can find the settings to customize color and font sizes for bottom bar notifications. I don’t use that yellow or green color anywhere in my theme, so I assume they are unchanged from the demo.

I’ve attached a screen grab to clarify what I mean by “bottom bar” where it says “your cart is currently empty”.

Thank you,
Matt

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Our theme does not have option to change WooCommerce notification styles. We can suggest you custom CSS. Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-message{
background-color:red;
font-size:12px;
}
body .woocommerce-info{
background-color:red;
font-size:12px;
}
body .wpcf7-mail-sent-ok{
	background-color:red;
font-size:12px;
}
body div.wpcf7-validation-errors{
	background-color:red;
font-size:12px;
}
body .mc4wp-success,
body .mc4wp-error{
	background-color:red;
font-size:12px;
}

Set the color and size as per your needs.

Best Regards

Hi, I used this CSS code but I still having notifications of the original color, please look the attached screenshot. Also is it possible to remove warning icon?

I would the notifications to be as simple as this second screenshot ¿Can you please provide a CSS code for that?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .woocommerce-message{
background-color:white;
color:#000000;
}
body .woocommerce-info{
background-color:white;
color:#000000;
}
body .woocommerce-error{
background-color:white;
color:#000000;
}
body .wpcf7-mail-sent-ok{
background-color:white;
font-size:12px;
}
body div.wpcf7-validation-errors{
background-color:white;
color:#000000;
}
body .mc4wp-success,
body .mc4wp-error{
background-color:white;
color:#000000;
}

Best Regards

[Author]

Posts