Hi @kent3230,
Use this CSS:
/* Error Message */
.yikes-easy-mc-error-message {
background-color: rgba( 0, 0, 0, 0); /* Transparent */
}
/* Success Message */
.yikes-easy-mc-success-message {
background-color: rgba( 0, 0, 0, 0); /* Transparent */
}
Cheers,
Kevin.
Hey Kevin, i entered this but it doesn’t appear to be working. Is there a specific place i need to enter this CSS? Appreciate the assistance.
Yeah I see the styles are on the page but they’re being overwritten by our plugin’s styles. We’ll need to make the selector more specific.
Change .yikes-easy-mc-error-message to p.yikes-easy-mc-error-message and it should work. Likewise, for the success message, change .yikes-easy-mc-success-message to p.yikes-easy-mc-success-message
Also, be careful with the padding because the success/error message on the homepage (not the modal!) is causing the input fields to jump down below the container.
If you want to target success/error messages differently for your homepage vs. your modal, you can also do this:
Modal: p.yikes-easy-mc-error-message.yikes-easy-mc-error-message-2
Homepage: p.yikes-easy-mc-error-message.yikes-easy-mc-error-message-1
(And the same thing with the success message).
Oh, also, I don’t know how you’re testing failed submissions but a handy trick is to use the email [email protected]. MailChimp will always reject that so you can see how an error message will look.
Cheers,
Kevin.
