EA Post Grid

@andreacouvert,

It’s actually showing in Masonry layout since some of your post titles are larger than others. Hence, it’s showing like this. You can try playing around with the Font size.

The good news is that We are working on to add control over the height of post items right now. It will be added soon.

Thank you.

I added some min-height attributes for the heading and thumbnails.
It′s also better to use “webkit-line-clamp” to get always the same height for the content.

All my boxes have now the same height on all devices.

Example:

.eael-grid-post .eael-post-grid-column {
    display: flex;
    height: 100%;
}
.eael-entry-header {
  min-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis	
}
.eael-entry-media {
  height: 115px;
}
.eael-entry-thumbnail > img {
  min-height: 115px;
}
.eael-grid-post-excerpt > p {
  visibility: visible;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}

• This reply was modified 5 years, 1 month ago by docbt.