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.
0 comentarios