Archived topic
posts grid
5 replies · Started by Adam on April 9, 2020
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?
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 :)
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 314x180 it can be the one from my page /wp-content/uploads/2020/04/blank-2-314x180.jpg). The second line in the grid should render messed up.
Hi there,
this happens because the Masonry option is enabled - if you want straight rows regardless of different post sizes then disable this option.
Perfect, good to know! Thanks David.
You're welcome
