Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #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 5 years, 10 months ago by ariane1001.
    #1064995

    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

    #1065189

    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

    #1065641

    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

    #1076372

    Hi,
    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

    #1076737

    Hi,

    Great, I’m glad you found a solution and thanks for sharing. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.