Add a border on labels if required fields are empty

Greetings,

We are working on a new update which will allow styling error messages, warning messages and success messages for the Contact Form 7 form you need to customize.

As a quick solution you can do the following:

span.wpcf7-not-valid-tip {
    /*add required field styling here*/
}
div.wpcf7-validation-errors {
   /*add warning message styling here*/
}

div.wpcf7-mail-sent-ok {
  /*add success message styling here*/
}

Add the code above in the “Contact Style” Admin page at the “CSS Editor” tab. After that you can change color, font, box model by adding usual styling there.

If you enjoy our work, please feel free to give us a five star rating or consider donating.

Best Regards,
Lehel

But this
span.wpcf7-not-valid-tip {
/*add required field styling here*/
}

Add style to “Field is required” text. I’d like to border the empty field.

Thanks in advance
GF

I found !

input.wpcf7-not-valid {
border: 1px solid #FF0000;
}
This set the input with red border if required field is empty
Thanks anyway!
GF

Great, you are welcome. We are closing this ticket.

Hello,I’m also interested to customize validation errors.
Does the plugin support this option?
I have 2 contact forms in my site and i would like to customize only the one.Is it possible?
Thanks