Change form message colour

[zohia]

Can you help me with the code to change the colour of the alert message that shows up when a cliente sends a form reply?

Contactos

[David Martin – Support]

Change to what, please be specific?

Here are the codes to change the border color:

div.wpcf7-validation-errors {
    border: 2px solid blue;
}
div.wpcf7-mail-sent-ng {
    border: 2px solid white;
}

[zohia]

I’m so sorry for not being specific.
I want to change the colour of the text/font to white.
The border is ok.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

div.wpcf7-validation-errors {
    color: #fff !important;
}

Thanks
Mohammad

[zohia]

It’s not working. I’m attaching a printscreen of the message that shows up when I send the form.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please insert a closing brace } after this code from custom css area:-

.archive.woocommerce ul.products li.product a img {
    margin-bottom: 0;

And removing a closing brace } after this code from custom css area:-

div.wpcf7-validation-errors {
    color: #fff !important;
}

Thanks
Mohammad

[zohia]

Thanks!
Now the alerts are showing up in white but the confirmation message (A tua mensagem foi enviada com sucesso. Assim que tratarmos de todos os gatos ao nosso cuidado, entraremos em contacto.) is still in grey.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

div.wpcf7-mail-sent-ok {
	color: #fff !important;
}

Thanks
Mohammad

[zohia]

Thanks!

[Mohammad – SUPPORT]

Hi,
You most welcome and glad 🙂 to help you.
Thanks
Mohammad