Mover alerta para Contact Form 7 a la parte superior del formulario WordPress

1 minuto de lectura

Estoy trabajando para mover las alertas de invalidación a un div directamente encima del formulario de contacto. Un ejemplo de trabajo actual se puede ver aquí: https://www.biosimilarfacts.com/contact-us/index.aspx

Estoy usando el complemento WordPress Contact Form 7 y las alertas se muestran actualmente directamente debajo del campo para lo que se devuelve como no válido. Necesito agruparlos a todos en el mismo lugar sobre el formulario y preferiblemente tener un desplazamiento suave a esos mensajes de error.

Gracias

Puedes usar el [response] en su formulario para cambiar la ubicación del mensaje de respuesta.

Por ejemplo:

[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>

Puedes encontrar más información aquí: http://contactform7.com/locating-response-message-box-anywhere/

  • Arriba entiendo. Pero en el enlace de ejemplo que proporciona puede ver cómo aparecen los mensajes de error debajo del campo donde se produce el error. Necesito moverlos a la parte superior del formulario donde ya tengo el [response] visualización de mensajes. Gracias

    – Adam Barrett

    1 de febrero de 2015 a las 21:16

jQuery(‘.wpcf7-not-valid-tip’).insertBefore(‘#form-id’);

Puede diseñar sus mensajes de error apuntando a sus clases CSS como .wpcf7-not-valid, .wpcf7-response-output, wpcf7-validation-errors. Con un poco de jQuery puedes moverlos.

Para más información: http://fellowtuts.com/wordpress/styling-contact-form-7-validation-with-css-and-border/

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad