Hello
I am using Masonry element to display blog posts
i chose 1 pixel gap
some of the blog posts are glued together as if there is no gap at all / how can i solve this ?
i tried this on Firefox and on Google Chrome
see attached please
I also have another question/problem
i have chosen to display 3 columns, and a total of 15 blog posts, i also chose to have a “load more” function
everything is great in “ALL” sorting
however, when i go to another sorting category i do not get all the blog posts. i only get few / only when i click on load more then i have them all displayed !! i need this to also display 15 blog posts
see attached please
Last question, how can i set one of the sorting options as the default one ? and move the “ALL” to the end of the sorting bar ? in other word, i need people to land on one of the sorting options and not on ALL
Thank you for your help
Hey Mohamad,
some of the blog posts are glued together as if there is no gap at all / how can i solve this ?
Sorry for the delay. The issue does not always occurs and only happens on certain screen sizes. We might be able to prevent the items from sticking to each other by adjusting the width of the masonry container. Please try this code in the Quick CSS field.
.av-masonry-container {
width: 100.2%;
}
however, when i go to another sorting category i do not get all the blog posts. i only get few / only when i click on load more then i have them all displayed !! i need this to also display 15 blog posts
We explained how the sorting works in the following thread.
// https://kriesi.at/support/topic/masonry-sorting-problem/#post-1264475
Best regards,
Ismael