Cerrar video

Personalizar los artículos del módulo blog de divi con un efecto hover

por | Ago 27, 2020 | Tutorial premium | 0 Comentarios

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…

Este tutorial es premium

Accede a éste y más tutoriales exclusivos de la Academia OV DIVI por tan sólo $8.00 USD al mes y saca el máximo provecho del mejor tema y constructor visual para WordPress.

Tutoriales Relacionados

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$8 USD / mes

Pin It on Pinterest