Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 22, 2015 at 3:29 am #522699
    Justin

    Any thoughts on why the images from the masonry gallery are cropped this way would be appreciated :)
    Thank you guys!

    October 22, 2015 at 3:52 am #522701
    Dake

    Hi Justin!

    May we have temporary access to your website so we can take a closer look at your masonry settings?

    Cheers!
    Dake

    October 22, 2015 at 4:05 am #522703
    Justin

    Hey Dake!!

    October 22, 2015 at 4:46 am #522709
    Dake

    Hi!

    Thank you for the login details :)

    Please try inserting the below css into your custom css section:

    .av-1px-gap.av-fixed-size .av-masonry-entry .av-inner-masonry {
    min-height: 300px !important;
}

    Best regards,
    Dake

    October 22, 2015 at 5:36 am #522728
    Justin

    Hmm, still doesn’t appear quite right.
    See the 3rd one down….half cropped. :/ Thoughts?

    Thanks Dake

    October 23, 2015 at 7:53 am #523497
    Ismael

    Hi!

    They are actually covered by the masonry content. Try to increase the height of the masonry items with this:

    @media only screen and (max-width: 767px) {
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 150%;
}
}

    Adjust the bottom padding as you like. Hard refresh the page aftewards.

    Cheers!
    Ismael

    October 24, 2015 at 3:33 pm #524235
    Justin

    Help me out guys. Ipad rendering: http://godisalwaysfaithful.com/ipad.jpg
    Thanks!

    October 27, 2015 at 10:48 am #525385
    Ismael

    Hi!

    Adjust the css media query coverage:

    @media only screen and (max-width: 1024px) {
.av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 150%;
}
}

    If it is a retina display, use this:

    @media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
    .av-fixed-size .av-masonry-entry .av-inner-masonry-sizer {
    padding-bottom: 150%;
}
}

    Adjust the value if necessary.

    Cheers!
    Ismael

    October 27, 2015 at 3:52 pm #525528
    Justin

    Thanks Ismael,
    do I have to depend on the client cropping all photos to be the EXACT same size in order for this to appear balanced? Take a look at your iPad to understand what I am saying….the image to the far right has a different height. Thanks!

    October 28, 2015 at 1:40 pm #526070
    Ismael

    Hi!

    The content or the excerpt of the first and second items is a bit longer than the third item. It has nothing to do with the image. I checked the site but the code we suggested is not there so we added it in the Quick CSS field. Adjust the values if necessary.

    Cheers!
    Ismael

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