Search code examples
wordpresscontact-form-7

How to keep alert of Contact Form 7 below its floated input field

I have made this Wordpress form with Contact Form 7 plugin: http://ipermx.buensaltolabs.com/test-contact-form/

However, if you click SEND without filling the fields, the span .wpcf7-not-valid-tip shows floated and this causes the remaining fields shift down.

Can you help me keep the error messages below each field?

Thanks in advance Javier

Solution

  • Add display: flex; to .wpcf7-form p

    result