Confirmation text box color

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.