Archived topic

Masonry Grid Post

5 replies · Started by Bobby on October 16, 2016

Viewing posts 1–6 of 6

October 16, 2016 at 6:00 pm #235827

Hi Tom,

I dont know if you already answered this question,,but i could not find anything on it in the threads.

But my question is...how can I make the blog post containers in the masonry grid format appear evenly? For example, some post are higer or lower in height than the post next to it... depending on how long or short the post title or excerpt.

I'm seeking to make the each blog post line up evenly in height like the theme below..

http://demo.tagdiv.com/newspaper/homepage-infinite-scroll/

Thanks

October 16, 2016 at 9:43 pm #235848

Bobby

To do what you want (unless something has changed) disable masonry and use full blog post and read more tags (in text editor) to trim text, along with columns. You cant use excerpts with masonry from memory. All the settings are in the blog portion of the customiser.

Hope that helps

October 16, 2016 at 10:18 pm #235850

Hi Bobby,

In addition to what Garth has mentioned, the uneven posts layout is the whole idea behind a masonry layout, hence the term "masonry" .... staggered blocks (bricks) :)

Cheers!
Lyle

October 16, 2016 at 11:39 pm #235864

I think the "Columns" feature is what you're looking for in "Customize > Blog > Columns".

Just make sure Masonry is disabled :)

April 11, 2018 at 2:12 pm #547780

I am having an issue where if I select masonry grid and columns, the text from the first blog post sits in behind the lower blog post boxes, so the lower blogs overlay the top one.

Not sure if this is a common error. As soon as I deselect masonry grid...the blogs posts nests normally.

April 11, 2018 at 4:45 pm #547859

Hi there,

Can you open a new topic and link us to your site?

Thanks!

This archived topic is closed to new replies.

Start building better websites today.