Tutorial Divi: Adaptar los estilos de Contact Form 7 a Divi

Hoy vamos a ver uno de los trucos para personalizar Divi que más me gustan, porque implica adaptar el plugin de formularios de contacto más utilizado, Contact Form 7, a los estilos de este fantástico tema WordPress.

Porque, seamos sinceros, Contact Form 7 es un plugin fantástico, pero los estilos por defecto que incluye para sus formularios son de todo menos agradables a la vista, tiene un aspecto realmente espartano y soso.

formulario-contact-form-7

Podrías decir que por qué no usar los formularios que vienen con el constructor Divi, pero no te lo recomiendo, pues los campos que ofrece son limitados y no puedes, por ejemplo, añadir listas desplegables, ni carga de archivos, ni todas esas cosas que nos gusta incluir y personalizar en los formularios.

formulario-de-contacto-divi

campos-formulario-de-contacto-divi

Así que, si usas Divi, es prácticamente obligatorio, por un lado, usar Contact Form 7 para los formularios y, además, personalizar su aspecto para que se ajuste a los estilos de formulario de Divi, mucho más bonitos, pero sobre todo es vital para ofrecer un diseño uniforme en tu web.

Adaptar los estilos de Contact Form 7 a Divi es, además, muy fácil. Solo tienes que añadir el siguiente código en Divi -> Opciones del tema -> CSS personalizado:

Del código anterior tendrás que cambiar los colores, en el ejemplo #eee y #8B3C90, a los de la combinación de colores que estés usando o tus gustos personales.

an%cc%83adir-css-contact-form-7-opciones-divi

Una vez hayas personalizado a tu gusto los estilos de Contact Form 7 en Divi solo tienes que añadir el shortcode de tu formulario en un módulo de texto del constructor Divi para que se muestre con los nuevos estilos.

insertar-contact-form-7-en-divi

Espero que te haya gustado, otro día vemos más trucos para personalizar Divi.

Valora este artículo para mejorar la calidad del blog ...

Al hacer una valoración se recoge una cookie con la IP de tu dispositivo

FlojitoNo está malEstá bienMe ha servidoFantástico (17 votos, promedio: 10,12 de 5)
Cargando…

Autor: Fernando Tellado

Fernando Tellado, apasionado de WordPress, profesor, consultor y ponente. Maquero cansino, padre de tres hijos y de una perrita Beagle, Bilbaíno de nacimiento, Español de corazón y ciudadano de donde me quieran. Autor del libro WordPress - La tela de la araña. Mi blog personal es Navegando con red, donde he crecido como escritor en la red y ofrezco mis visiones acerca de la Web 2.0 y la blogosfera.

Comparte esta entrada en
468 ad

Al dejar un comentario se solicitan datos como tu correo y nombre que se almacenan en una cookie para que no tengas que volver a completarlos en próximas visitas. Para enviar un comentario debes aceptar nuestra política de privacidad | Responsable de los datos: Fernando Tellado García | Finalidad: Gestión y moderación de comentarios | Legitimación: Tu consentimiento expreso | Destinatario: Disqus (acogido a EU-US Privacy Shield) | Derechos: Tienes derecho al derecho al acceso, rectificación, supresión, limitación, portabilidad y olvido de sus datos

Centro de preferencias de privacidad

Cookies imprescindibles

Se usan para saber si ya aceptaste nuestras políticas y para servir más rápidos los contenidos.

gpdr, wpSGCacheBypass

Cookies de terceros

Usamos cookies de terceros en las que se almacenan externamente para conocer tus usos de navegación, si ya estás suscrito al boletín y los elementos compartidos en redes sociales

cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform, _ga, _gid
cfduit_, intercom-id, intercom-lou, mailerlite:language, mailerlite:webform
_ga, _gid

¿Quieres cerrar tu cuenta?

Se cerrará tu cuenta y todos los datos se borrarán de manera permanente y no se podrán recuperar ¿Estás seguro?

Pin It on Pinterest