Okay
  Public Ticket #912652
Portfolio carrousel height
Closed

Comments

  •  2
    m4thi4s started the conversation

    Hi Laborator!
    I'm still enjoying Kalium a lot!

    My issue is with the portfolio carrousel. Images are displayed too big to be seen fully on computer screens, and vertical images don't display on the same line as others and are even much bigger.

    I see you've added a feature to set a Maximum Image Height on a specific project. This works pretty well, but how can I set the same maximum height to all projects without editing them one by one?

    I've used this custom CSS, but it still leaves big gaps between the images, and the placeholder appears, and on smaller screens (<995px) the vertical images are still too big:

    @media screen and (min-width: 991px) {
    .slick-initialized .slick-slide {
    max-height: 800px !important;
    }
    .single-portfolio-holder .gallery .portfolio-images-slider.is-finished img {
    width: auto;
    max-height: 800px !important;
    left: 50%;
    transform: translate(-50%, 0);
    }
    .single-portfolio-holder.portfolio-type-3 .gallery-slider .gallery-item {
    max-height: 800px !important;
    }
    .image-placeholder img {
    width: auto !important;
    max-height: 800px !important;
    left: 50%;
    transform: translate(-50%, 0);
    }
    }

    I hope you'll understand my request. Thanks in advance!
    Mathias

  • [deleted] replied

    Hi Mathias,

    You only can do the same for each project that uses Carousel portfolio layout. There is not any global settings for the moment, but if this feature is requested by other users too, we will add an option on the Theme Options too in the future updates.

  •  2
    m4thi4s replied

    Thanks for your quick answer!

    I'll find a temporary solution using CSS and wait for the update then.

    Cheers.

  • [deleted] replied

    Glad to hear that.