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í:

(5 votos, promedio: 2.8) Valora este artículo para ayudar a mejorar la calidad del blog

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

Sobre el autor

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 *

Información base sobre privacidad:
  • Responsable: Fernando Tellado ([email protected])
  • Fin del tratamiento: Moderación de comentarios para evitar spam
  • Legitimación: Tu consentimiento
  • Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
  • Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba Ir al contenido