Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • September 8, 2015 at 1:35 pm #499840
    GIEKApl

    Hi,
    How can I increase height of item in masonry? I have 4 posts, 4 columns, checked “Perfect Grid: Display a perfect grid where each element has exactly the same size. Images get cropped/stretched if they don’t fit” and larg gap. I have change class .av-masonry-container.isotope {
    height: 290px !important;
    }
    but on mobile devices it’s still 290px height so items below are not visible.

    • This topic was modified 9 years, 2 months ago by GIEKApl.
    September 9, 2015 at 9:13 am #500241
    Ismael

    Hi GIEKApl!

    Thank you for using Enfold.

    Replace the code with this to keep mobile view from being affected:

    @media only screen and (min-width: 989px) {
     .av-masonry-container.isotope {
          height: 290px !important;
     }
}

    Regards,
    Ismael

    September 13, 2015 at 10:20 am #502262
    GIEKApl

    I want to items have 290px height but not container. Container must have auto height.

    September 14, 2015 at 3:50 pm #502852
    Elliott

    Hi!

    Send us a link to your page and take a screenshot highlighting exactly what your trying to do and we’ll check to see if it’s possible.

    Best regards,
    Elliott

    September 15, 2015 at 1:17 pm #503323
    GIEKApl

    site: http://giekaho5.vot.pl/interblock/
    screen: http://screencast.com/t/6QmAKIHWr

    September 15, 2015 at 4:36 pm #503473
    Elliott

    Hi!

    Add this to your custom CSS.

    .av-masonry-date {
  padding-left: 15px;
}
.av-inner-masonry figcaption {
  min-height: 110px;
}

    Cheers!
    Elliott

    September 15, 2015 at 5:41 pm #503552
    GIEKApl

    ok but it’s only changed height of figcaption but what about images? Images have the same height as before

    September 16, 2015 at 9:13 am #503858
    Ismael

    Hey!

    You can use this to change the height of the image:

    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 130%;
}

    Best regards,
    Ismael

    September 16, 2015 at 1:24 pm #504043
    GIEKApl

    perfect! Thank you

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Increase height of item in masonry’ is closed to new replies.