Title: Validation Error Boxes Positioned Incorrectly
Last modified: August 22, 2016

---

# Validation Error Boxes Positioned Incorrectly

 *  Resolved [TopicSprout](https://wordpress.org/support/users/topicsprout/)
 * (@topicsprout)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/validation-error-boxes-positioned-incorrectly/)
 * 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](http://www.topicsprout.com/contact/).
 * Hopefully someone will have some idea what I could do.
 * Thanks for any advice!
 * [https://wordpress.org/plugins/contact-form-7/](https://wordpress.org/plugins/contact-form-7/)

Viewing 1 replies (of 1 total)

 *  Thread Starter [TopicSprout](https://wordpress.org/support/users/topicsprout/)
 * (@topicsprout)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/validation-error-boxes-positioned-incorrectly/#post-5352746)
 * 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.

 * ![](https://ps.w.org/contact-form-7/assets/icon.svg?rev=2339255)
 * [Contact Form 7](https://wordpress.org/plugins/contact-form-7/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/contact-form-7/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/contact-form-7/)
 * [Active Topics](https://wordpress.org/support/plugin/contact-form-7/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/contact-form-7/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/contact-form-7/reviews/)

 * 1 reply
 * 1 participant
 * Last reply from: [TopicSprout](https://wordpress.org/support/users/topicsprout/)
 * Last activity: [11 years, 7 months ago](https://wordpress.org/support/topic/validation-error-boxes-positioned-incorrectly/#post-5352746)
 * Status: resolved