En este content hub te daremos el snippet para Igualar la altura en el módulo del blog de Divi en su configuración de rejilla.
Contenido de este HUB
Snippet para agregar contador de productos en el carrito del menú de Divi
En este content hub te daremos el snippet para agregar contador de productos en el carrito del menú de Divi.
Cambiar el icono del carrito de WooCommerce en Divi
En este content hub te explicaremos cómo cambiar el icono del carrito de WooCommerce en Divi. Lo haremos a través de % código CSS.
Cómo cambiar «read more» del blog en Divi
Si quieres cambiar el texto «read more» del módulo del blog en Divi, aquí te dejamos los pasos a seguir y el snippet que necesitas.
Cómo hacer el botón de ancho completo en Divi
En este content HUB te daremos el snippet para que logres que tu botón con Divi ocupe el ancho completo de cualquier columna donde lo pongas, veamos.
Te sorprenderá saber que Divi no tiene ninguna función de ancho completo en el módulo Botón. Pero no hay problema, porque aquí tenemos un pequeño snippet que te ayudará a hacer los botones de ancho completo en Divi, incluyendo los botones del módulo de contacto tambien.
Aprende a Cómo usar Font Awesome para crear botones 100% personalizados en Divi con este tutorial Premium
Los pasos son bastante sencillos. Ve a la configuración del módulo de botones y luego ve a la pestaña Avanzado y haz clic para abrir la opción CSS personalizado. Luego en «elemento principal» pega la siguiente línea de CSS:
width: 100%;
Aprende a crear botones flotantes en la versión móvil en Divi, sin plugins con este tutorial premium.
Ahora probablemente notes un problema. El texto no está centrado. Para resolverlo solo cambiamos la alineación de los botones para que el texto quede centrado:
¡Y listo! Super fácil, ¿verdad? ¡Ahora tus botones con Divi serán de ancho completo en la columna donde los hayas colocado y el texto estará centrado!
Ahora, seguramente te preguntarás como hacer lo mismo pero para el botón del formulario de contacto. Pues bien haremos algunas cosas diferentes.
Hacer botón de ancho completo en formulario de contacto en Divi
En este caso, lo que haremos será insertar unas pequeñas líneas de código CSS en las opciones de la páginas que estemos editando > Avanzado > CSS personalizado.
Copia y pega la siguiente línea de CSS:
/*hacer el contenedor del boton fullwidth*/ .et_contact_bottom_container { width: 97%; } /*hacer el boton del formulario de contacto fullwidth*/ .et_pb_contact_submit.et_pb_button { width: 100%; margin: 0 auto; }
Con eso lograrás que el botón del formulario de contacto en Divi quede de ancho completo, mira el resultado:
Entra aquí para ver en acción la DEMO →
Disclaimer: Este código funciona cuando el formulario de contacto no tiene activado el Recaptcha básico de Divi.
¿Te ha gustado? No olvides compartirlo y comentar nuestro contenido. Nos vemos en un próximo Snippet.
Contenido de este HUB
Igualar la altura en el módulo del blog en rejilla
En este content hub te daremos el snippet para Igualar la altura en el módulo del blog de Divi en su configuración de rejilla.
Snippet para agregar contador de productos en el carrito del menú de Divi
En este content hub te daremos el snippet para agregar contador de productos en el carrito del menú de Divi.
Cambiar el icono del carrito de WooCommerce en Divi
En este content hub te explicaremos cómo cambiar el icono del carrito de WooCommerce en Divi. Lo haremos a través de % código CSS.
Cómo cambiar «read more» del blog en Divi
Si quieres cambiar el texto «read more» del módulo del blog en Divi, aquí te dejamos los pasos a seguir y el snippet que necesitas.
¡Valóranos!
¿Te han gustado nuestros tutoriales y cursos? por favor, déjanos una valoración de 5 estrellas en truspilot, nos ayudará mucho su calificación ¡Gracias!
0 comentarios