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

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 2.8 / 5. Total de votos: 5

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

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

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

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.

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