Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • September 21, 2015 at 10:32 am #506320
    zedduo

    Hi. I’m struggling to reduce the height of the masonry. I have the masonry set to ‘Perfect Manual Masonry’. Ive already tried this solution > https://kriesi.at/support/topic/masonry-preview-images-too-large/ And its still the same.

    I have the latest WP and Enfold installed. And I have a plugin to clear cache.

    Help. Please.

    September 21, 2015 at 3:21 pm #506475
    Andy

    Hi zedduo!

    can you provide us a link showing the masonry in questions please?

    Cheers!
    Andy

    September 21, 2015 at 3:47 pm #506488
    zedduo

    Hi Andy. Thank you for the reply.

    September 22, 2015 at 5:00 am #506781
    Ismael

    Hi!

    Yes, please give us the login details and a screenshot of what you’re trying to adjust. Use imgur or dropbox. The solution on the previous link will decrease the thumbnail size but it will not affect the actual height of the masonry items. Try to use this in the Quick CSS field instead:

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

    Best regards,
    Ismael

    September 22, 2015 at 8:47 am #506822
    zedduo

    Hi. Thanks for the reply.

    See screenshots of what I am talking about:
    https://dl.dropboxusercontent.com/u/12458216/masonry1.jpg (masonry over the fold)
    https://dl.dropboxusercontent.com/u/12458216/masonry2.jpg (I want masonry to be above the fold to show all titles)

    The CSS code didn’t push up the vertical image. I have the ‘portrait’ tag on it to make it bigger.

    Thanks!!

    September 22, 2015 at 12:44 pm #506977
    Yigit

    Hey!

    Seems like setting your header to transparent would help – http://kriesi.at/documentation/enfold/portfolio-item/intro-to-the-header-configurator/. Can you please try if you have not already?

    Regards,
    Yigit

    September 22, 2015 at 1:01 pm #506989
    zedduo

    Hi Yigit.

    Thanks for the reply. I tried the transparent header. On bigger screens (1890px) the masonry still disappears below the fold.
    Ideally I want the masonry to be at least 500px high so that it sits comfortable above the fold on all screen sizes.

    September 23, 2015 at 11:16 am #507608
    Ismael

    Hey!

    Try to resize the portrait masonry items with this:

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

    For the rest of the masonry items, use the code above:

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

    You might need to use a lot of css media queries if you want to always have the masonry items above the fold on different screen size: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/

    Regards,
    Ismael

    September 28, 2015 at 11:35 am #509951
    zedduo

    Perfect! Thanks guys!!

    September 28, 2015 at 2:00 pm #510077
    Rikard

    Hi,

    Glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Reduce height of full width masonry’ is closed to new replies.