• Resolved jfk105

    (@jfk105)


    Hi, I changed colors and others on form field (normal and hover status) but I can’t find where I can change the border of fields when user has not been filled required fields.
    Thanks in advance
    Or if can you help me with css styling of this.
    Gianfranco

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Lehel Szilard Marosi

    (@mlehelsz)

    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

    Thread Starter jfk105

    (@jfk105)

    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

    Thread Starter jfk105

    (@jfk105)

    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

    Plugin Author Lehel Szilard Marosi

    (@mlehelsz)

    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

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Add a border on labels if required fields are empty’ is closed to new replies.