Move alert for Contact Form 7 to top of form WordPress

Question

I'm working on moving the alerts for invalidation to a div directly above the contact form. A current working example can be seen here: https://www.biosimilarfacts.com/contact-us/index.aspx

I'm using WordPress Contact Form 7 plugin and the alerts are currently being displayed directly under the field for what is being returned as invalid. I need to group all of them at the same place above the form and preferably have a soft scroll to those error messages.

Thanks

Answer 1

You can use the [response] tag in your form to change the location of the response message.

For example:

[response]

<p>Your Name (required)<br />
    [text* your-name] </p>

<p>Your Email (required)<br />
    [email* your-email] </p>

<p>Subject<br />
    [text your-subject] </p>

<p>Your Message<br />
    [textarea your-message] </p>

<p>[submit "Send"]</p>

You can find more information here: http://contactform7.com/locating-response-message-box-anywhere/