Skip Navigation

[Resolved] List grid uneven and one over the other

This support ticket is created 3 years, 6 months 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)

This topic contains 7 replies, has 2 voices.

Last updated by Christian Cox 3 years, 5 months ago.

Assisted by: Christian Cox.

Author
Posts
#2097577
uneven grid.JPG

I am trying to: format a grid

Link to a page where the issue can be seen: hidden link

I expected to see: Grids aligned with a margin between the top and bottom cards.

Instead, I got: one card over the other

#2098313
Screen Shot 2021-06-24 at 2.21.10 PM.png

Hello, I logged into the site's wp-admin area and tried to edit the page with the masonry grid View:
hidden link
I wanted to check the loop structure, nested blocks and their configurations, but I keep getting timeouts when trying to load the editor page. Maybe there is a temporary problem on the server? If you receive this message before I am able to reply again, are you able to edit this page successfully right now? I'll try again in a few minutes.

#2098665

Hey Christian, it's my firewall. Can you please send me your IP so I can allow you temporarily?

Thanks.

#2100693
#2100997

done, please try it now.

#2101405
Screen Shot 2021-06-28 at 11.11.44 AM.png

Thanks, I was able to log in this morning and investigate. I don't see anything obviously wrong in the settings for this Page, the View, or any of its internal blocks. So I spent a couple of hours trying to replicate the problem in my local test environment. I set up a similar masonry grid with a dynamic image that resizes on hover, custom fonts throughout the loop, and dynamic text, AJAX custom search and full page refresh pagination, but I was never able to replicate the masonry layout issue I'm seeing on your site. There must be something else going on that I'm not aware of, or another component on the site is conflicting with Toolset somehow.

If you have a staging environment set up where I can test things like disabling other plugins and enabling a default theme, I'd like to try some tests there. I'd rather not run those tests in your live site if it is open to the public now. If you don't have a staging environment, I can create a clone of your site using the Duplicator plugin or the All-in-One WP Migration plugin, then install that clone in my local test environment for further debugging. Let me know how you'd like to proceed.

#2103567

Yes, Christian, you can go ahead. I don't have a staging environment.

I hope you can find a solution.

Thanks.

#2103945

Okay thanks, I have created a site clone and I am in the process of installing it on my local environment now so I can continue testing in my local environment. I'll give you an update shortly.

#2103987

In my local test environment I was able to narrow this down to a conflict with WP Optimize's minification of HTML. In WP Optimize > Minify, I turned off "Process HTML" and reset the caches, and then I was unable to reproduce the issue. Unfortunately there do not seem to be any customizations available for this feature, so I cannot limit it to this particular page or View, for example. It seems to be an all-or-nothing setting, unless you are aware of something I am not.

I'm hesitant to try something like this on the live site without your input, so feel free to try it out and let me know the results.