I have managed to style all parts of my MC4WP form successfully, except for the error message that comes up. To test it, I leave the email field blank and hit “submit”.
Based on what I found in this support forum and other websites, I have tried so many different code snippets to change the styling of this error message, but nothing has worked.
Here are some of the selectors I have tried:
.mc4wp-error {
.mc4wp-error p {
.mc4wp-form .mc4wp-error {
.mc4wp-form .mc4wp-error p {
.mc4wp-response .mc4wp-alert.mc4wp-error {
.mc4wp-response .mc4wp-alert.mc4wp-error p {
I have also tried adding !important after the styling parameters, which makes no difference. Flushing the browser cache also has no effect.
Unfortunately the site is on a protected staging server, so I can’t post a link. But I’m hoping that someone can point me in the right direction based on the info above.
As a side note, the error message styling seems to be browser dependent as well. In Firefox and Edge, there are 2 completely different appearances.
Thanks in advance 🙂