Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 9, 2020 at 10:46 pm #1211522
    zizibe1

    Hi,

    I’m using the gallery element set to display as ‘Big image with thumbnails below’.

    The position of the five images is like this:

    1) big image
    2) horizontal thumbnail 3) vertical thumbnail
    4) vertical thumbnail 5) horizontal thumbnail

    The position of the “4) vertical thumbnail” is too low. It’s outside of the grid,

    Please take a look at the screenshot in the private content area.

    How can I fix this?

    Best regards,

    zizibe1

    May 15, 2020 at 8:21 am #1213167
    Ismael

    Hey zizibe1,

    Thank you for the inquiry.

    That is the expected layout because the thumbnails differ in sizes and aspect ratio, and the gallery doesn’t have a masonry-like script that automatically calculates the position of the items in the grid. If you want to align them horizontally or remove the gap between the rows, try to select a different thumbnail size in the element’s Gallery Preview Image Size settings. It is currently set to display the original source of the images or thumbnails.

    Best regards,
    Ismael

    May 15, 2020 at 5:40 pm #1213351
    zizibe1

    Hi Ismael,

    Thanks for your reply.

    I’ve already tried the different options in in the element’s Gallery Preview Image Size, but no one fulfills my requirements.

    When I choose Portfolio (495×400) e. g., the thumbnails all have the same size. But they should differ in size and should also keep the thin white gap between them as you see on the right side on the screenshot in the private content area.

    How can I achieve this layout?

    Best regards,

    zizibe1

    May 21, 2020 at 12:36 pm #1214979
    Ismael

    Hi,

    But they should differ in size and should also keep the thin white gap between them as you see on the right side on the screenshot in the private content area.

    Again, this is not possible without a custom script that calculates the items’ position like the script used in the Masonry element.

    // https://isotope.metafizzy.co/layout-modes/masonry.html

    The images in the gallery should have the same size and aspect ratio if you want them to align in the row.

    Best regards,
    Ismael

    May 24, 2020 at 7:10 pm #1215859
    zizibe1

    Hi Ismael,

    Thanks for your reply.

    If I understand correctly, I should hire a freelancer to customize the gallery and fulfill my requirements. Is there no way to do it by myself?

    Best regards,

    zizibe1

    May 25, 2020 at 5:04 am #1215940
    Jordan Shannon

    Hi,

    Yes, you would need an experienced coder to create the function

    Best regards,
    Jordan Shannon

    May 26, 2020 at 12:21 am #1216324
    zizibe1

    Hi Jordan,

    Thanks for your reply.

    Could you recommend an online course or online academy to acquire these skills?

    Best regards,

    zizibe1

    May 26, 2020 at 1:40 pm #1216493
    Rikard

    Hi,

    I can recommend W3Schools.

    Best regards,
    Rikard

    May 28, 2020 at 5:47 pm #1217466
    zizibe1

    Hi Rikard,

    Thanks for your recommendation.

    You can close this topic now.

    Best regards,

    zizibe1

    May 28, 2020 at 7:14 pm #1217484
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Thumbnail outside of gallery grid’ is closed to new replies.