[Resolved] Mailchimp widget success/error text color

[Halil]

Hi,

There is a mailchimp widget on sidebar to collect emails. I’m trying to change success /error messages color with the css below but I’m unable to do it.

I’m wondering if there is something overriding it. Could you please help me with that?

`.mc4wp-form-9136 .mc4wp-success p{
color: #3686be;!important
}.mc4wp-form-9136 .mc4wp-error p{
color: #dd3333;!important
}

[Elvin]

Hi there,

There’s a syntax error on your CSS. The !important has to go before the property delimiter ;.

Example:

.mc4wp-form-9136 .mc4wp-success p{
color: #3686be !important;
}

.mc4wp-form-9136 .mc4wp-error p{
color: #dd3333 !important;
}

[Halil]

That didnt work as well unfortunately, still blackish color for both message types.

[Ying]

Hi Halil,

It’s working: https://www.screencast.com/t/ZjaDaOwZHom

Have you cleared your browser cache? 🙂

[Halil]

Hi Ying,
So strange that success css is not respected but error css is! Any idea?

Or I am too blind and not seeing the error . Or may be it’s a plugin related error.

[Ying]

The CSS should work as I tested in developer’s tool:
https://www.screencast.com/t/x3A8Wi1X

But I do not see the CSS for success message has been added to your site.

There might be an error in your CSS.

Can you try add the CSS Elvin provided to the top of the customizer > additional CSS to test?

[Halil]

thank you Ying, I’ll check the code again. Appeciate your help.

[Ying]

No problem 🙂

[Author]

Posts