Igualar alto de las cajas de un blog con DIVI

Artículo del Blog
Blog 5 Desarrollo Web 5 Wordpress 5 Constructores 5 Igualar alto de las cajas de un blog con DIVI
Igualar alto de las cajas de un blog con DIVI

Igualar alto de las cajas de un blog con DIVI

Cuando se crea un blog con el módulo de Divi, suele ocurrir que las cajas correspondientes a las publicaciones queden con altos distintos.

Para solucionar esto, el siguiente css soluciona el problema, asígnándole al blog las siguientes clases:

.bloggrid .et_pb_salvattore_content

/* iguala alto de cajas de blog */
/*Equalize Blog Columns*/

.bloggrid .et_pb_salvattore_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.bloggrid article {
margin-bottom: 20px !important;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

.bloggrid .post-content {
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}

.bloggrid .column {
margin-bottom: 20px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

 

 

 

Spread the love

Artículos Relacionados:

Escritorio E Desarrollo Web E Wordpress E Constructores E Igualar alto de las cajas de un blog con DIVI

¿Cómo puedo ayudar en tu proyecto?