Changing font color of input fields on contact form 7

Hey!!! you can make the change font color in the css file:

.wpcf7-form input {
 color:#ff0000;
}

You may know the color code for that (In the last code, the color is red). And this change apply for all inputs of all contact form. If you need it for only one form, you may know the id of the contact form (e.g. id=”wpcf7-f68-p12-o1″)

Thank you so Much…. Your the best ??

Sorry just realised that has worked for the majority of the form, however there are two text areas where it has not changed the text color. Please help.

Ok. Replace the last code for this:

.wpcf7-form input, .wpcf7-form textarea {
 color:#ff0000;
}

Hello guys,
I have exactly the same problem than athletesdream. I’m using Contact fomr 7 with a theme. On the contact form, people are writing grey, on a grey bloc…

I took a look at a lot of different CSS files / forums / things / more, but never find my way…

Willigan, could you please explain me – as the noob I am – exactly how to correct this ? (which css file ? in the theme ? In contact form ?)

The color I want to use is a red : #A91101

Thank you very much, I guess it’s a simple thing but I’m loosing a lot of time on that case.

Have a nice day !

Hello WPuser51488.

You may add that code in the css file in the theme. The preference, this theme must be a “child theme”.
If you add the code in the css file in the plugin, every time which you update it, you lost the changes.

Please share me your website url, and I can help you correctly ??

Good day!!

Thank you very much for your quick answer. The URL is www[.]frizzybox[.]com[.]/contact. You’ll find below the content of the file style.css found in the main directory of my theme. (there is also a directory called css in the theme, but no style.css inside, only boostrap.css, I heard the solution could be there).
Thanks again for your time !

*/
.wp-caption{
color:#000;
}

.wp-caption-text{
color:#000;
}

.sticky{
color:#000;
}

.gallery-caption{
color:#000;
}

.bypostauthor{
color:#000;
}

.alignright{
text-align: right;
}

.alignleft{
text-align: left;
}

.aligncenter{
text-align: center;
}

Please search the style.css file in your theme.
There, in the last line of the file, you can add the next

#wpcf7-f7-p128-o1 input, select, textarea {
color: #A91101;
}

If it don’t function, you can try it:

#wpcf7-f7-p128-o1 input, select, textarea {
color: #A91101 !important;
}

The second one is perfectly working !
Congrats, and thanks again for your time.
If you need any help regarding a css file… no sorry, I can do nothing, but I still very grateful !
Have a good day

Ok!!! ?? Good day!!!

How do I start a question on this forum?

@tcgivans – https://www.ads-software.com/support/plugin/contact-form-7#postform