Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 9, 2014 at 2:44 pm #302004
    richardwilding

    Hi, I’m using the gallery element.

    How can I remove the padding and border from around the large image, so that the image stretches to fill the full 2/3 column width (782px at full page size)

    Also, I’m not sure why the thumbnail images sometimes sit one above the other like the last four thumbnails on this page, but other times fall into a strip. Can they forced to either always flow in a strip with just one thumbnail next to the other, or alternatively fall into a proper ‘masonry’ style grid.

    Thanks, Richard

    August 10, 2014 at 6:01 am #302170
    Josue

    Hey Richard!

    Try adding this code to the Quick CSS:

    #top div .avia-gallery .avia-gallery-big {
    padding: 0 !important;
}

    Regarding the other thing i believe thats because of the different aspect ratios between the images, try adding this code:

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a img{
    max-height: 100px;
}

    Cheers!
    Josue

    August 10, 2014 at 2:49 pm #302230
    richardwilding

    Thanks Josue,

    I added the max-height: 100px; for thumbnails, but that is ‘squashing’ the vertical thumbnails so they appear square.

    How could I set all the thumbnails to be the same height, so the vertical thumbnails line up to be the same height as the horizontal thumbnails (reducing in both height and width to fit, not distorting)

    At the moment, the thumbnails are all set to the same width, with heights changing accordingly. What I need to do is set them all to the same height and then let their widths vary.

    Thanks, Richard

    August 12, 2014 at 7:17 am #303001
    Josue

    Hey Richard!

    Change:

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a img{
   max-height: 100px;
   border: none;
}

    To:

    #top #wrap_all .avia-gallery-1 .avia-gallery-thumb a{
   max-height: 100px;
   overflow: hidden !important;
}
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a img{
   border: none;
}

    Regards,
    Josue

    August 15, 2014 at 6:58 pm #305034
    richardwilding

    Thank you Josue

    August 15, 2014 at 7:31 pm #305045
    Josue

    You are welcome, glad to help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Gallery thumbnails’ is closed to new replies.