Tagged: ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 27, 2021 at 4:25 pm #1302693
    Technohead

    Hi,

    1. I have encountered a strange problem on my Masonry galleries with a load more button. When pressing the load more button the gallery column starts shaking before loading more images. First I thought maybe my CSS that makes the gap smaller between the images caused this, but I disabled all the CSS and the problem was still there.

    2. I also have a very thin black line randomly showing up around various images. I tried the CSS below but didn’t really help and also caused the gallery become larger than the image above it, so the would not align anymore.
    .av-masonry {width: 104%;}

    See link for two different version of the galleries. Hope my questions make more sense then :)

    May 31, 2021 at 10:31 am #1303139
    Ismael

    Hey Technohead,

    Thank you for the inquiry.

    1.) Try to add this css code to disable the loading icon, which is causing the shake.

    .avia_loading_icon {
	display: none !important;
}

    2.) We cannot reproduce this issue on our end. Would you mind providing a screenshot? Please use imgur or dropbox for the screenshot.

    Best regards,
    Ismael

    May 31, 2021 at 10:52 am #1303145
    Technohead

    Hi Ismael!

    1. Thank you, that worked perfectly for the “shake”.
    2. Yes those lines are pretty elusive and show up randomly on some images. It’s seems to happen after the little zoom effect on each gallery image. When the page loads everything looks ok. When you place the mouse cursor over the images, they zoom in a little and then return to its normal size again. That’s when those black lines show up. I could disable the zoom effect but rather not. It looks nice and makes the gallery more interesting.

    Posted links to screenshot in private.

    Regards,
    Roger

    June 1, 2021 at 11:11 am #1303383
    Ismael

    Hi,

    Thank you for the info.

    2.) We can now see the issue with the masonry but we are not yet sure what is causing it. Please try to add this css code to adjust the masonry background container a bit.

    .av-fixed-size .av-masonry-image-container, .av-fixed-size .av-masonry-outerimage-container {
    position: absolute;
    width: 101%;
    height: 101%;
}

    Best regards,
    Ismael

    June 1, 2021 at 11:26 am #1303388
    Technohead

    Hi Ismael!

    Thank you, that seems to have done the trick!

    Regards,
    Roger

    June 3, 2021 at 4:26 am #1303678
    Rikard

    Hi Roger,

    Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 3, 2021 at 3:36 pm #1303795
    Technohead

    Hi Rikard,

    Problem solved so you can close this ticket.

    Regards, Roger

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Masonry gallery issues’ is closed to new replies.