Contact Form 7, el plugin más popular por mucho, nos conquista con su simplicidad, la abundancia de complementos que lo potencian y su eficiencia. Sin embargo, a menudo enfrenta ciertas limitaciones, como la disposición predeterminada de los campos en una sola columna de ancho completo.
Lamentablemente, no existe un plugin específico para abordar este problema (hasta donde yo sé). Pero, la solución es sencilla y produce excelentes resultados, optimizando significativamente el espacio para campos como nombre o correo electrónico.
El proceso de arreglo se resume en dos pasos simples…
Creando el HTML en el plugin Contact Form 7 a medida
Crea un nuevo formulario (o modifica el existente si no lo quieres) y añádele el siguiente código de ejemplo. Lo importante es que mantengas los div y las clases CSS:
Crea las clases CSS
A continuación aplicaremos el estilo del formulario de contacto para WordPress en el CSS personalizado que dispone wordpress. Abre el personalizador de WordPress y en la sección de CSS adicional añade el siguiente código: