Tagged: ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 5, 2016 at 9:54 pm #608526
    sackerly

    In the Avia gallery, the height of portrait-style images is much too high. This problem is described here but not answered:

    Gallery element large image

    On our site, the problem is illustrated here (I will give login credentials in the Private area):

    http://www.jillscherart.com/jills-portfolio/scarves/a-la-tetris/

    Is there some CSS code that would constrain the maximum height, but still keep the proportions of the image?

    April 5, 2016 at 10:16 pm #608534
    Basilis

    Hi sackerly!

    Something like the gollowing would work?

    .avia-gallery img[height=”1600″] {
    max-width: 50%;
    }

    so actually, taking the images with height 1600 making the width smaller which also makes the height smaller.
    Is that something that can work? U can adjust the size your self

    Cheers!
    Basilis

    April 6, 2016 at 1:58 am #608599
    sackerly

    Thank you for the suggestion, but this code did not have any effect. I tried the CSS

    .avia-gallery img {
    max-height: 400px;
    }

    The image is now constrained in height, but it also fills the entire width and hense is srtretched horizonally and is distorted.

    Is there a way to keep the proportions of the image intact, while constraining the height?

    April 6, 2016 at 4:17 am #608636
    sackerly

    I stumbled across a possible solution, using a maximum image height:

    .avia-gallery img {
    max-height: 600px;
    width: auto ! important;
    }

    However, is this the best solution, and is there a way to center the main image in the Gallery?

    April 9, 2016 at 1:11 pm #610575
    Ismael

    Hi!’

    Sorry for the delay. Could you please provide a screenshot of gallery layout that you want or expect? Try to center the preview image with this:

    .avia-gallery img {
max-height: 600px;
width: auto ! important;
margin: 0 auto;
}

    Regards,
    Ismael

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.