Text field color change

[irisbrandworks]

Hi,

I’m using contact form 7 and was wondering how to change:
1) the text field color (background color of the box behind the text)
2) color of the input text in the text field

Regards
Sunal

[Kyle – SUPPORT]

Hi

The background uses an image, therefore to change it you would have to upload your own image.

To change the text color add this to your custom css and change the hex value:

span.wpcf7-form-control-wrap input[type="text"], span.wpcf7-form-control-wrap input[type="password"], span.wpcf7-form-control-wrap input[type="email"], span.wpcf7-form-control-wrap textarea {
  color: #FFFFFF;
}

– Kyle

[irisbrandworks]

Hi,

Thanks. How do I change or remove the image?

Regards
Sunal

[Kyle – SUPPORT]

Add the background property in the above css:

span.wpcf7-form-control-wrap input[type="text"], span.wpcf7-form-control-wrap input[type="password"], span.wpcf7-form-control-wrap input[type="email"], span.wpcf7-form-control-wrap textarea {
  color: #FFFFFF;
  background: url(yourimage} repeat;
}

Then upload your image to your child theme folder

– Kyle