Tagged: masonry grid
-
AuthorPosts
-
February 7, 2019 at 10:55 am #1064006
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-
This topic was modified 6 years, 8 months ago by
ariane1001.
February 9, 2019 at 9:10 pm #1064995Hey 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,
VictoriaFebruary 10, 2019 at 7:16 pm #1065189Hi,
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,
ArianeFebruary 11, 2019 at 8:24 pm #1065641Hi 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,
VictoriaMarch 8, 2019 at 1:59 pm #1076372Hi,
In the end I managed to do it with the masonry. Below I explain what I did, maybe other people like it:
Settings:- Perfect Grid
- High portrait
CSS
.av-masonry-entry .av-masonry-image-container { background-size: 100%; background-position: top center; background-repeat: no-repeat; }Regards, Ariane
March 9, 2019 at 12:39 pm #1076737 -
This topic was modified 6 years, 8 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.
