Masonary Grid - Toolset

This support ticket is created 6 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	8:00 – 12:00	-	-
13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	13:00 – 17:00	-	-

Supporter timezone: America/New_York (GMT-04:00)

Tagged: Content Templates, Views, Views plugin

This topic contains 5 replies, has 2 voices.

Last updated by Christian Cox 6 years ago.

Assisted by: Christian Cox.

Author

Posts

October 17, 2018 at 5:31 pm #1129306

Charles

Support,

I'm trying to achieve a masonry grid. I tried this solution: https://toolset.com/forums/topic/masonry-grid/

I'm finding that the posts in my View sometimes overlap one anothe, screnshot: hidden link

Is there another option to achieve a masonry grid? Maybe I put my code in wrong?

Thanks,
Charles

October 17, 2018 at 5:37 pm #1129312

Charles

Here's another screenshot: hidden link

Every time I reload the page different posts overlap.

Thanks,
Charles

October 17, 2018 at 5:41 pm #1129314

Charles

Also on mobile: hidden link

Thanks

October 18, 2018 at 1:54 pm #1129972

Christian Cox

Hi, Views doesn't provide a built-in masonry grid output style, so I don't have a cut-and-paste solution for you. However, if you can show me a working version of your masonry grid in hard-coded HTML without Types or Views involved, I can try to help you implement that working markup in Views.

October 18, 2018 at 10:13 pm #1130203

Charles

Basically I'm trying to implement this: hidden link

I reviewed my code and it looks like I had an earlier version. I'm trying to update the most recent into my view.

Thanks,
Chuck

October 21, 2018 at 2:22 pm #1131450

Christian Cox

Again, if you show me a working version on your site, in hard-coded HTML, without Types or Views involved, I can try to help you implement that markup in Views. I cannot tell you what the working markup should be or help you troubleshoot custom masonry grid markup that isn't working as expected. That's outside the scope of support we provide here because Masonry is not part of Toolset. My best advice is to create a working masonry grid on your site using basic HTML and dummy content. Then show me the working version on your site, and I can show you what can be done to integrate Views to reproduce that working markup.