Hola en este tutorial premium y exclusivo de OV DIVI te enseñaré a personalizar el módulo blog de divi.
Diseñaremos el módulo blog de divi con una rejilla de tres columnas, hasta aquí todo normal, lo increíble empieza cuando transformamos cada una de las cards o tarjetas del blog en un increíble efecto hover. Al pasar el cursor sobre cada card la imagen destacada tendrá un efecto zoom hover, el título y los metadatos del post se desplazarán hacia arriba para darle cabida al extracto del artículo y al botón de leer más.
Este diseño es completamente responsive, es decir, se adapta perfectamente a cualquier resolución de pantalla y lo puedes comprobar viendo la demo desde el siguiente enlace:
> Enlace a la demo de este tutorial.
Cómo punto extra le daremos estilos a la paginación del blog para cambiar la navegación clásica de divi y darle otro estilo más amigable a nuestro blog.
Recuerda que para ver este tutorial es necesario estés suscrito a los tutoriales exclusivos de OV DIVI, no solo aprenderás a realizar este efecto sino muchos más…
0 comentarios