Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 3, 2021 at 10:21 am #1297962
    enzowillemstad

    I can’t seem to find a solution to this issue.
    The images in the masonry gallery are blurry:

    Producten

    The uploaded images are big enough.

    Maybe this could be something:
    If I disable “webkit-perspective”in CSS (via inspect mode in Chrome) the images seem to be sharp:
    .avia_desktop.avia_transform3d .av-masonry-image-container {
    -webkit-perspective: 1000px;
    How can I disable this via quick css? of is there another solution?

    Also I would like to remove the mouseover scale it’s nor necessary.

    Kind regards,
    Emile Jansen

    May 4, 2021 at 9:21 am #1298221
    Ismael

    Hey enzowillemstad,

    Thank you for the inquiry.
    The masonry images look perfectly sharp on our end. Please check the screenshot below.

    Screenshot: https://imgur.com/NONO6sw

    To remove the hover effect, use this css code.

    .avia_desktop .av-masonry-entry:hover .av-masonry-image-container {
    -webkit-transform: scale(1);
    transform: scale(1);
}

    Or disable the Image effect in the element’s Advanced > Animation panel.

    Best regards,
    Ismael

    May 5, 2021 at 5:03 pm #1298656
    enzowillemstad

    yes, without animation the images look crisp.
    Thanks!

    May 7, 2021 at 9:53 am #1298889
    Ismael

    Hi,

    Alright. Please feel free to open another thread if you need anything else. We will close this one for now.

    Have a nice day.

    Best regards,
    Ismael

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