Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 29, 2015 at 12:10 am #387487
    marshallrobinson

    I’m curious if there’s a way to set the height of the big image in the image gallery to fit the height of the images that it’s containing. I’ve noticed that the height is dependent on the height of the 1st image in the gallery. Ideally, I’d like to have images with multiple aspect ratios in the same gallery where the container holding the big preview image above the thumbnails changes its height to match the height of the image it’s holding. Is this possible? Here’s a quick screen-grab explaining more of what I’m talking about (basically, I would like to get rid of the white-space without making the shortest image the first image in the gallery-and I’d like to maintain the aspect ratios). http://i.imgur.com/hzXDzYn.jpg

    Thanks

    January 30, 2015 at 9:19 am #388152
    Ismael

    Hi marshallrobinson!

    Thank you for using Enfold.

    Edit the Gallery element then set the Gallery Big Preview Image Size to “No Scaling” and then disable the Force same size for all big preview images? setting. Add this on Quick CSS:

    #top div .avia-gallery .avia-gallery-big-no-crop-thumb {
height: auto !important;
}

    Cheers!
    Ismael

    February 6, 2015 at 1:34 pm #392022
    crewneck

    Really strange. It works fine until i change

    .container {
    padding: 0px 99px 0px 95px;
    }

    to

    .container {
    padding: 0px 99px 0px 97px;
    }

    February 8, 2015 at 9:28 am #392660
    Ismael

    Hey!

    What works fine? Please elaborate. A screenshot will help.

    Cheers!
    Ismael

    February 8, 2015 at 7:44 pm #392767
    crewneck

    Solved it! You can close this thread.

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