Divi – Igualar la altura de las entradas del blog

por | Feb 10, 2022 | Configuración, Divi | 0 Comentarios

Cuando mostramos las entradas en la página de entradas, lo normal es que cada una tenga una altura diferente, dependiendo del texto que muestre, algo como esto:

 

 

 

Como queda mucho más elegante que todos los resumenes de las entradas tengan la misma altura, vamos a añadir una clase CSS al módulo, en Avanzado, ID y clases de CCS, añadimos la clase: entradas_igualadas

Después vamos al tema Divi, a la pestaña de personalizar tema y Añadir CSS, donde añadimos el siguiente código CSS:

/* Modulo blog rejilla igualado en altura */

@media only screen and (min-width: 768px) {

.entradas_igualadas .et_pb_post {

min-height: 500px;

max-height:500px;

}

}


Este código simplemente indica que en la pantalla del monitor, todos los resúmenes tengan la altura de 500 px. Si quieres cambiar esta altura, puedes poner el valor que mejor se adapte a tu página.

Solo funciona en los escritorios de sobremesa, ya que en los dispositivos móviles aparecen uno encima del otro y no tiene sentido que tengan la misma altura.

Y ya estaría, con esto las entradas ya tienen la misma altura y queda estéticamente mejor.

Estos post sirven para compartir lo que yo voy aprendiendo de WordPress y del tema Divi. Si necesitas ayuda para hacer tu web, puedes contactar conmigo en este enlace, y si quieres contratar tu hosting en WebEmpresa, puedes hacerlo en este otro (afiliado).

0 comentarios

Enviar un comentario

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

Abrir chat
1
Podemos conversar por WhastApp
Hola. ¿En que puedo ayudarte?