Grid items equal height

  • Resolved e dev

    (@efishinsea)


    3 years ago

    Is there a way to set the grid items to be equal height (so they all align, regardless of the content in them) rather than “masonry”? The current options don’t allow a true “grid” layout that I can see.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Ketan Patel

    (@patelketan)

    3 years ago

    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,

    Thread Starter e dev

    (@efishinsea)

    3 years ago

    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.

    Ketan Patel

    (@patelketan)

    3 years ago

    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,

    Thread Starter e dev

    (@efishinsea)

    3 years ago

    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?

    Ketan Patel

    (@patelketan)

    3 years ago

    Hello,

    Our plugin has two shortcodes available.

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

    Thanks

    alfy40

    (@alfy40)

    2 years, 11 months ago

    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;

    }
    }

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Grid items equal height’ is closed to new replies.