EA Post Grid

  • Resolved andreacouvert

    (@andreacouvert)


    6 years, 7 months ago

    On the EA Post Grid, as you see on the link, there some space left empty so actually in not a really grid…

    What is the problem?

    Thanks
    Andrea

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Rafin

    (@rafinkhan)

    6 years, 7 months ago

    @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.

    docbt

    (@docbt)

    6 years, 7 months ago

    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 6 years, 7 months ago by docbt.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘EA Post Grid’ is closed to new replies.