cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Go to solution
Highlighted

edit text input color for contact form 7

Hi, I have been trying to edit the color for Contact Form (through Plugin: Contact Form 7), but nothing seems to be working. I want the background to be white and text black, but currently the background is off-white and text white (really hard to read). Here is the CSS I've added to each input area:

 

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {background-color: #fff;
color: #000;}
.select2-container .select2-choice:focus {
color: #000;
outline: none;
background-color: #ffffff; }

.select2-container .select2-choice {
padding: 0.42rem 0.75rem;
color: #000;
background-color: #fff; }

 

 

Are there more places I should be adding the color and background color? Please let me know, I appreciate any help! Thanks!!

3 REPLIES 3
Resolver II
Solution

Re: edit text input color for contact form 7

I personally use this plugin to style my contact form 7

 

https://wordpress.org/plugins/contact-form-7-style/#description

 

It is very easy to work with and it has a lot of features 🙂

Sincerely,

Premton Xhafa

Re: edit text input color for contact form 7

Awesome, that works great! Thank you!
Resolver II

Re: edit text input color for contact form 7

Nice to hear that it solved your problem 🙂

You can mark the topic as solved ! 🙂

Thank you !