Grid items equal height

Hello,

Thanks for reaching out here…

Can you please share your website page link?

Please explain with the screenshot of your equal height issue.

Thanks,

The site is local only at this point, but this is pretty clear question.

This is a Grid:

Your plugin’s layout with a little added CSS:

I simply want each item to be the same height/width and align in a grid.

Hello,

Sorry for the inconvenience, you are using a filter shortcode. filter shortcode depended on a masonry JS so it’s not possible to set equal height.

Thanks,

Interesting. So your plugin says “Post grid and filter ultimate” the logo of which depicts a grid with the filter:

but in fact, you are telling me it is not capable of displaying a true grid?

Hello,

Our plugin has two shortcodes available.

Post Grid Shortcode – [pgaf_post_grid]
Post Filter Shortcode – [pgaf_post_filter]

Thanks

For anyone looking to obtain a perfect grid (i.e. all item heights the same) with the filter shortcode, it’s of course possible: simply hardcode the title h2 container height to a determined amount and you can get a grid.

This worked for me:

@media only screen and (min-width: 640px) {
.pgafu-post-grid-main .pgafu-columns .pgafu-post-grid h2 {
max-height: 147px;
height: 147px !important;
overflow: hidden;

}
}