Tagged: masonry grid
Hi support,
I use masonry flexible grid on a page because I like to see the whole picture and description below it.
is it possible, to set same height for all elements in the overview so I get nice rows?
I have put the URL in private content because de site is not live yet.
Thanks in advance,
Ariane
Hey ariane1001,
Well, I tried to set the height or the min-height for all items, but it does not work, the position of each item is calculated and set with the JavaScript and so the height set in css is not respected. There has to be the same amount of text for the rows to be equal.
Best regards,
Victoria
Hi,
Thanks for trying.
Yes, I discovered that aswell. I am really sorry there is no solution because other masonry options will always put the excerpt over the picture and that’s what we don’t want.
Maybe someone has an idea what else could work?
Regards,
Ariane
Hi Ariane,
Well, you can try to make a separate masonry for each row. It might be more work, trying to use offset or add different category for each 4 team members and assigning them to the masonry. It is not ideal but it might work.
Best regards,
Victoria
Hi,
In the end I managed to do it with the masonry. Below I explain what I did, maybe other people like it:
Settings:
CSS
.av-masonry-entry .av-masonry-image-container {
background-size: 100%;
background-position: top center;
background-repeat: no-repeat;
}
Regards, Ariane