Tutorial Divi: Quitar borde y márgenes en el módulo blog estilo rejilla

Uno de los módulos de Divi más populares es el de blog estilo rejilla, o masonry, que muestra las últimas entradas de modo que se vean como en cajitas apiladas en modo estéticamente desordenado.

Si usas la red social Pinterest ya sabes de lo que estoy hablando, es muy parecido.

Este módulo, por defecto, añade un margen adicional y envuelve las entradas en cajitas con borde, que si quieres, puedes quitar.

Para eliminar ese margen adicional y el borde solo tienes que añadir el siguiente código en el apartado CSS adicional del Personalizador de WordPress.

/* Quitar borde y márgenes en el módulo blog en modo rejilla/masonry */
    .et_pb_blog_grid .et_pb_post {border: 0px; padding: 0 !important;}
    .et_pb_image_container {margin: 0 !important;}

Guarda los cambios y tendrás el módulo de blog estilo rejilla, o masonry, más limpio, así:

VALORA Y COMPARTE ESTE ARTÍCULO PARA MEJORAR LA CALIDAD DEL BLOG…
(5 votos, promedio: 2.8)

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

3 comentarios en “Tutorial Divi: Quitar borde y márgenes en el módulo blog estilo rejilla”

  1. Judith Llaguno

    Hola! Estoy usando el constructor de DIVI. En mi página tengo una barra azul, una verde y una gris que es donde se encuentra el módulo del Blog. En donde exactamente encuentro el CSS adicional ?.
    Gracias

    1. El apartado CSS Adicional es de WordPress. Está en el escritorio de WordPress > Apariencia > Personalizar > CSS adicional o desde Escritorio de WordPress > Divi > Personalizador de temas > CSS adicional

Deja un comentario

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

 

Ir arriba Ir al contenido