Docs

[Diegueetus]

Hello! I’m having trouble with the first page of the blog which it’s not showing up the posts per date correctly.
This is the url of the page involved: http://www.cdirectconsulting.it/category/news/
in the last 3 rows of the page the inverse chronological order doesn’t work and I don’t know why:
First row: I see the first three posts, from left to right, 10 february, 25 of January and 17 January (right order, YEEE!!)
Second row I see: 22 of december on the left, 11 of November on center and 7 of december on the right side:mmm…there’s something wrong here, as it should be 22 of december on the left and 7 of december on the center and 11 of November on the right side.
For some reasons I’ve chosen not to show the whole blog in the blog page but only the ‘news’ archive but it shouldn’t be a problem as from the second page everything goes ok.
Am I doing something wrong, maybe inside the single news (i don’t know…date, category etc.)? I should really fix this.
Thank you in advance for your support

[Rupok]

Hi there,

If you inspect the element, you will see the posts are in right order but the masonry is doing the mixup. I guess it’s doing it do keep the masonry layout.

Thanks!

[Diegueetus]

mmmm…ok, how can I sort them out in the right order, then?

[Paul R]

Hi,

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall.

If you would like it to be in right order you need to disable masonry layout.

Thanks

[Diegueetus]

Guys, sorry if I insist, but there is something weird as it works fine from the second page…

So, are you saying you can’t provide support for this issue? I have my client complaining about this error and, guys, he is right, how can I explain him I can’t provide a standard blog function, getting the right order of posts?

I’m really sorry, I don’t want to say anything bad but I bought the theme something like 10 times and for the first time I feel the x support is giving me a standard response without investigate the issue.

I can understand it’s an external library, but it’s integrated with the x theme, whoelse can I ask to?

Thank you again,
Diego

[Paul R]

Hi Diego,

I am sorry if you feel that way.

As stated above, masonry works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. It disregards the standard order of post and just arrange it in a way that it looks good.

You can try setting a fix height to have it in order by adding the code below in Custom > Edit Global CSS.

@media (min-width: 979px)
.archive.category .x-iso-container-posts>.hentry .entry-wrap {
    height: 350px;
    min-height:350px;
}
}

But then it defeats the purpose of having masonry layout.

Hope that makes sense.

[Diegueetus]

Hi Paul,

thank you very much for your response. You are very clear about the purpose of having a masonry layout, but, in this case, I need posts to have a fixed height for client’s request: lucky! I tried your css and it does work: thank you.

Now I have a better clue about how masonry layout works. What about the next time I have to do the same thing using masonry? Is there no way to have posts sorted in the right way with masonry? Maybe the addon The grid could be the best solution? Or this layout cannot work in the way I would like? Just to know what I could or couldn’t do, so I can advice my clients about the specs of this layout.

Thank you again, I’m very happy not to have to change my mind about your great work both for theme and support.

[Paul R]

Hi,

The grid addon masonry layout works the same, the only way to achieve it is to set a fix height for each article.

Thanks

[Diegueetus]

Paul, thank you very much, I really appreciate.
Have a nice day

[Diegueetus]

Just another thing: did you check somebody tried to solve my issue? https://masonry-ordered.tasuki.org/

[Paul R]

Hi,

Yes but there is a tradeoff, Masonry Ordered usually takes up visibly more vertical space.

This could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[Author]

Posts