Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 3, 2017 at 10:04 am #859546
    el_chester

    Hi,

    I have a slideshow with landscape and portrait pictures. No matter what the size of the browser window, I want them to fit completely within the frame. At present the portrait pictures take the full width, get aligned at the top, and get cropped at the bottom. I would like them to fit within the height, and be shown centered, even if empty space is shown on the sides.

    How do I do this?

    The seventh picture on this slideshow (guy in checkered shirt moving his hands in front ho him) shows my problem:

    IAPS 2017 – Photo Gallery – Day 1

    Thanks in advance!

    October 5, 2017 at 4:15 am #860381
    Ismael

    Hey el_chester,

    Thank you for using Enfold.

    Please add this css code in the Quick CSS field.

    .avia-slideshow, .avia-slideshow .avia-slideshow-inner {
    max-height: 80vh;
    height: 80vh !important;
}

.avia-slideshow li, .avia-slideshow li .avia-slide-wrap {
    height: 100% !important;
    width: 100% !important;
}

.avia-slideshow li .avia-slide-wrap img {
    margin: 0 auto;
    height: 100%;
    width: auto;
}

    Best regards,
    Ismael

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