[Resolved] posts grid

Home Forums Support posts grid

  • This topic has 5 replies, 3 voices, and was last updated 1 year ago by David.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1233302
    Adam

    Hi, I noticed when using masonry grid on “Your latest posts” page, 3 columns, every post with thumbnail, the styles get broken in the following grid line when the previous line have posts with titles with different line count. It’s ok when all titles have 2-3 lines but get messy when titles are irregular.

    Any idea how to fix that?

    #1233308
    Leo
    Staff
    Customer Support

    Hi there,

    Any chance you can link us to the site in question?

    You can edit the original topic and use the private URL field.

    Let me know 🙂

    #1233634
    Adam

    Hi Leo,

    I added the link, but I already made all the post titles the same amount of lines, so this issue doesn’t occur.

    To reproduce it, you can make 5 blog posts, with different lenghts of title, where every post title in the grid take different amount of lines, and set number of columns in the grid to 3. In every post set featured image (I used 314×180 it can be the one from my page /wp-content/uploads/2020/04/blank-2-314×180.jpg). The second line in the grid should render messed up.

    #1233893
    David
    Staff
    Customer Support

    Hi there,

    this happens because the Masonry option is enabled – if you want straight rows regardless of different post sizes then disable this option.

    #1233897
    Adam

    Perfect, good to know! Thanks David.

    #1234978
    David
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.