Problem with justified galleries

  • Resolved kooba

    (@kooba)


    3 years, 7 months ago

    Hi, I’m having problems with justified galleries. When I open the site i’m working on (not live yet) on the smartphone, tablet or just narrow browser window, the last picture in the gallery displays smaller then the rest. It applies to all the justified galleries on the site. It doesn’t happen when gallery is set to “responsive image gallery”. Also some of the pictures in the gallery on mobile devices look blurry even though those are good quality pics and they look ok when displayed on desktop (that issue also does not apply to “responsive image galleries”).

    I’m attaching some screenshots from the smarthpone that show the bug + video that shows what happens when decreasing browser window on the desktop.

    Site uses newest version of DIVI theme and wordpress is up to date.

    Screenshots from smartphone:
    Problem with justified galleries_1

    Problem with justified galleries_2

    Problem with justified galleries_2

    Video – desktop when decreasing browser window:
    Problem with justified galleries – decreasing browser window

    Just to make things clear, I’ve checked it in few different mobile phones (iOS, android), browsers, on OSX and Windows.

    I’ll really appreciate your help with this issue.

    Thanks

    • This topic was modified 3 years, 7 months ago by kooba.
Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author bradvin

    (@bradvin)

    3 years, 7 months ago

    Hi @kooba

    Thanks for the detailed report, including the screenshots and videos.

    I am going to tag @steveush to investigate further and respond

    Plugin Author steveush

    (@steveush)

    3 years, 7 months ago

    Hi @kooba,

    Could you please let me know what you currently have selected for the Justified Gallery > General > Last Row option?

    Thanks
    Steve

    Thread Starter kooba

    (@kooba)

    3 years, 7 months ago

    @bradvin @steveush Hi guys, thank you for your replies.

    Here are my settings for the mentioned galleries:
    gallery settings

    Right away I gotta mention that I tried other options of “Last row”, hasn’t helped.

    • This reply was modified 3 years, 7 months ago by kooba.
    Thread Starter kooba

    (@kooba)

    3 years, 7 months ago

    @steveush Hi, any idea what may be a cause of the problem? I noticed that in the responsive image galleries pictures are a bit blurry too, they get nice and sharp only after displaying in lightbox. Difference isn’t as big as in justified option mentioned in earlier posts, but still it doesn’t look sharp enough.

    Plugin Author steveush

    (@steveush)

    3 years, 7 months ago

    Hi @kooba,

    1. Original issue regarding justified;

    So far from my testing the issue is indeed with the last row option. I do see differences when changing the option locally. I can achieve your desired result on mobile by setting it to justify the last row however this can have undesired results on desktop.

    Essentially you are wanting the gallery to justify the last row, but only on mobile, then on desktop apply your chosen value of “center”.

    Unfortunately I can’t give you an easy way to do this now as the layout for the justified template is all done through JS. We are busy at the moment with a performance rewrite but I think I could squeeze this change in as well for the next release.

    2. Blurry images;

    Could you clarify what you mean by they get nice and sharp only after displaying in a lightbox?

    The thumbnails displayed in the gallery itself should not change by opening the full size image in a lightbox. They are completely different images created from the large full size image. They have a reduced size and quality compared to the full size image as they are scaled down and cropped to the thumbnail size specified in the template settings.

    Thanks
    Steve

    Thread Starter kooba

    (@kooba)

    3 years, 7 months ago

    Hi @steveush, thank you for reply.
    1. It would be great if you could squeeze it in the next update.
    2. I found the solution on this forum yesterday:
    https://wordpress.org/support/topic/blurry-thumbnails-21/
    Got all Retina Support boxes ticked and thumbnails look much better now. However, is
    that a maximum quality that’s possible to achieve for the thumbnails or is there a way to make it look even sharper then that?

    Thank You

    Plugin Author steveush

    (@steveush)

    3 years, 7 months ago

    Hi @kooba,

    There should be an option in the main FooGallery > Settings section to change the thumbnail quality. I believe it is 80% by default.

    Thanks
    Steve

    Thread Starter kooba

    (@kooba)

    3 years, 7 months ago

    Hi @steveush,
    Awesome, overlooked it.

    Will this affect loading of the photos a lot on slower machines/internet connections when I have it on 100%?

    Plugin Author steveush

    (@steveush)

    3 years, 7 months ago

    Hi @kooba,

    Yes it might, the higher the quality, the larger the thumbnail size. The default of 80% gives a decent reduction in size without too much of a loss in quality.

    That said it all depends on your use case, the best thing is to simply test for yourself and use what’s best for you.

    Thanks
    Steve

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Problem with justified galleries’ is closed to new replies.