Validation Error Boxes Positioned Incorrectly

  • Resolved TopicSprout

    (@topicsprout)


    11 years, 7 months ago

    Hi everyone. I’ve been working on a style for my contact page (with the Contact Form 7 plugin), and its looking pretty good so far. The one thing that I can’t figure out is why the validation errors are positioned lower than they should be.

    I’ve tried making use of the .wpcf7-not-valid-tip and .wpcf7-validation-errors classes (both with and without the initial div and span tags), but to no avail.

    I should also note that when I try to make modifications using those classes, nothing happens.

    For example:

    span.wpcf7-not-valid-tip{
	background: #000000;
}
div.wpcf7-validation-errors {
	background: #000000;
}

    I tried that little snippet in my theme’s style.css to see if it would have any effect, and it didn’t. I also tried modifying the style.css in the plugin directly, and that didn’t have any effect either.

    The page in question can be found here.

    Hopefully someone will have some idea what I could do.

    Thanks for any advice!

    https://wordpress.org/plugins/contact-form-7/

Viewing 1 replies (of 1 total)
  • Thread Starter TopicSprout

    (@topicsprout)

    11 years, 7 months ago

    I have no idea why, but adding this to my style sheet fixed it:

    .wpcf7 span.wpcf7-not-valid-tip { top: 0% }

    Is this likely to break anything, or is there a better way that I should be doing it?

    Thanks again for any advice.

Viewing 1 replies (of 1 total)

The topic ‘Validation Error Boxes Positioned Incorrectly’ is closed to new replies.