Contact form 7 change background colour for success and error notification

Hi,

Please could someone provide me with the .css to change the background colour for the success and error notifications in Contact Form 7?

Thanks for any help.

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

For Error message Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wpcf7 form:not(.sent) .wpcf7-response-output {
    background-color: red;
}

For the success, message provide the URL of the website to check it myself and help you out accordingly.

Regards.
Xtemos Studios

Hi,

Thank you for the welcome. I am incredibly impressed with the Woodmart theme. I have used other E-commerce wordpress themes: Astra, Ocean WP, Flatsome & Porto. Woodsome is by far the best I have used.

My website URL is: https://thewhitbyshop.co.uk

Thanks for the help!

Kind regards,

James.

Hello,

You are Most Welcome.

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.wpcf7 form.sent .wpcf7-response-output {
    background-color: orange;
}

Regards.
Xtemos Studios.

[Author]

Posts