CODEWITHSUNDEEP
csswordpress
S7_0
S7_0

Reputation: 1183

contact form 7 wordpress - how to change border-color form when the mouse is on

I'm currenlty using wordpress and I'm trying to change the color of the border when the mouse is on.

Here is my URL: http://www.firstcareconsultancy.co.uk/firstcare/about-us/

As you can see, it's working for every part of the form except the email area. I looked on the css file but I didn't find any "border-color" tag or yellow hexadecimal value..

Does anyone can help me ? Thanks :)

Upvotes: 0

Views: 3632

Answers (1)

OrderAndChaos
OrderAndChaos

Reputation: 3860

This is the code that adds the border 

input[type="text"]:focus,
input[type="password"]:focus, 
textarea:focus, select:focus, 
#bottom input[type="text"]:focus, 
#bottom input[type="password"]:focus, 
#bottom textarea:focus, #bottom select:focus {
    border-color: #f9cc60;
}

You need to add this

input[type="email"]:focus

To target input type email

<input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" aria-required="true" aria-invalid="false">

Upvotes: 2

Related Questions