Contact Form 7: Check Box en líneas individuales

By alma-rodriguez | 16/06/2020 |
imagen con campos de formulario y check box

Si eres usuario de Contact Form 7, habrás notado que al hacer uso del Check Box, los campos se muestran uno detrás de otro.

Captura de pantalla de Contact Forma 7 desde el panel de control wordpress
Captura de Contact Form 7 desde el panel de control
Captura de pantalla de Contact Forma 7 vista desde el usuario
Vista del usuario

Esa disposición de los elementos puede ser confuso para el usuario, por lo que es mejor separar cada campo en una línea nueva, para ello deberemos incluir una pequeña línea de código en nuestro CSS.

span.wpcf7-list-item {display: block;}

Realizado lo anterior, nuestros formularios se verán de la siguiente manera:

¿Has tenido este problema? ¿cómo lo resolviste?

Posted in Wordpress

Leave a Comment