Validation error appears at bottom but not under the fields

  • Resolved jmedina98

    (@jmedina98)


    9 years, 1 month ago

    Hi all,

    I created a form which validates name and email address and if I hit submit without any of the fields filled in, I get the validation error underneath the submit button. But I don’t get the error message under each field. I know the message is there, because when I inspect element I can see span tag with the message, but it’s set to display:none.

    Any help?

    https://www.ads-software.com/plugins/contact-form-7/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    Perhaps a theme issue. Try switching to the default theme (twentyfifteen).

    Please include a link to your Contact Form 7 form so we can examine your form in detail using Firebug or Chrome Dev Tools to understand the CSS used for your CF7 form elements.

    Thread Starter jmedina98

    (@jmedina98)

    The link is https://searslabs.com/innovel/contact-us/

    Thanks for your help on this!

    I know the message is there, because when I inspect element I can see span tag with the message, but it’s set to display:none.

    ??I have used firebug to examine your form. And yes that should be the reason. If you would like to display it then you must go in there and comment on it. You can find this line of code in your themes style.css on line 856

    CSS:
    ?

    .wpcf7 span.wpcf7-not-valid-tip {
    display: none;
}

    ????How to comment:

    /* .wpcf7 span.wpcf7-not-valid-tip {
    display: none;
} */??
    Thread Starter jmedina98

    (@jmedina98)

    That did it! Not sure why that theme came with that code already included. Thanks for your help!

    If this resolves your question, it helps others contributing here, if you can flag your post as [resolved]

    Thread Starter jmedina98

    (@jmedina98)

    Thank you

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Validation error appears at bottom but not under the fields’ is closed to new replies.