How to change the contact form background color in Media theme?

kimology

Hello,

I'm trying to change the background color of the text fields ON FOCUS in the contact form for the Media theme.

I've successfully changed the regular background color to #fefefe, but when you click on the field to begin typing the background turns green.

Here's the CSS I'm working with so far. Any suggestions?

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="textarea"], input[type="url"], input:focus, select, textarea, .woocommerce .quantity input.qty {

    color: #2d2d2d;

    background-color: #f8f8f8 !important;

    border-color: #003471;

}

Thanks!

Bryan

Hi,

please send a link to your page

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kimology

Development

http://c98.e61.myftpupload.com/

Go to "Contact"

Click in any field to type

Turns green

How can we change that color?

Bryan

You can use this css to change the background, border and text color 

.wpcf7 input[type="text"]:focus {
	color: #ffffff !important;
    background-color: red !important;
    border-color: blue !important;
}

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

kimology

PERFECT!

Added .wpcf7 input[type="text"]:focus, .wpcf7 textarea:focus, .wpcf7 input[type="email"]:focus >> now the whole contact form works as planned.

Thanks for your assistance.