I'm using Essential Grid to display my posts but I can't get them to appear in date order!

[core365]

Hi, I’m using Essential Grid to display my posts for a News/Events page, but I can’t get them to appear in date order! I’ve gone into the settings for Essential Grid and changed the ‘Sorting’ option in ‘Nav-Filter-Sort’ to ‘Date’ and ‘Descending’ so it shows the latest news post first, and when I view the page on the front end, the first row is correct with the date order, but then they’re all mixed up! I haven’t got a clue why it’s doing this and if I’ve missed something! I hope you don’t mind taking a look for me please!

https://www.golandscape.co.uk/news-events/

Here’s a screen grab of the second row for you to see that the posts aren’t showing in the correct date order!

Thanks!

[thai]

Hello There,

The post order works as it is intended to be. The problem is that when you set Masonry, the masonry script will re arrange the order and make sure that there are no empty spaces in the grid thus the post order were messed. I would you use “Even” or “Cobble” if you want to have the post order being followed in the display order of your grid.

Hope this helps.

[core365]

Hi, the problem with using the setting Even or Cobbles is that I need to display content below the image (title and excerpt) and those options don’t allow for that, that’s why I’ve had to use Masonry, as I’ve previously asked yourselves about it before!

Is there a way around this? Maybe to force the heights so they’re all the same so they’ll display in the correct order using the Masonry setting?

Cheers

[paul.r]

Hi @core365,

To force it to equal heights, you can add the code below in Cornerstone > CSS

.esg-grid .mainul>li {
    min-height: 800px !important;
}

You may change 800px to adjust.

Thanks

[core365]

Hi, that’s great, thank you so much it’s worked!

Thanks for your time and help!

Cheers!

[mldarshana]

Glad we were able to help