Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 29, 2024 at 8:21 am #1432340
    dondela

    Dear Support,
    would it be possible to make some images bigger than others in an image gallery? I am using the thumbnails-setting -i think that would look interesting, like an image collage with different image-sizes.

    January 29, 2024 at 8:36 am #1432346
    Ismael

    Hey dondela,

    Thank you for the inquiry.

    It’s possible but it might leave huge gaps or spaces around the gallery items. You can try this css code to adjust the width of the 6th and 7th items in the gallery.

    #top #wrap_all .avia-gallery .avia-gallery-thumb a:nth-child(6) {
    width: 30%;
}

#top #wrap_all .avia-gallery .avia-gallery-thumb a:nth-child(7) {
    width: 50%;
}

    Have you tried using the Masonry Gallery element instead?

    Best regards,
    Ismael

    January 29, 2024 at 9:21 am #1432354
    dondela

    Hi Ismael,

    thanks for your help!
    You are right: The masonry gallery is the better option for me.

    January 29, 2024 at 11:30 am #1432367
    Ismael

    Hi,

    No problem! You can adjust the Masonry element’s Styling > Masonry Settings > Size Settings to Flexible Masonry or Perfect Automatic Masonry to display the images in their original height and aspect ratio. Let us know if you need more help.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘image gallery – different sizes in thumbnail overview’ is closed to new replies.