Contact form 7 field color change

[wafloodandfire]

can you please let me know how to change the color in the text boxes on the contact form. I would like the text box to be white. As its taking the theme color, they have turned black and I cant see anything that is typed.

[tristup]

Hi Glenn,

Thanks for reaching out.
To make the background color white of the fields, you need to add the following custom CSS code to the Page CSS of the specific page.

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 textarea
{
    background-color: #ffffff;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[wafloodandfire]

Thanks a lot that worked. Can you please tell me how to change the text label to Black color please?

[tristup]

Hi Glenn,

Glad that it worked for you. To change the label color, you need to add the following custom CSS to the Page CSS of that specific page.

.wpcf7 label
{
    color:#000000 !important;
}

Please remember that the above code will work if copied as it is and doesn’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes which means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks