Autoheight for Owl Carousal Slider

[Zara Leggett]

Hi, I am trying to adjust the height of the main slider to use the owl autoheight function, but it is leaving a huge gap below shorter slide images. How can this be achieved please?

[themearile]

Hi Zara Leggett

Thanks for contacting us.

Please share your site URL so we can take a look and assist you better.

Thanks

[Zara Leggett]

I’m just using it on a local site right now, for testing, so you would not be able to view sorry. I saw on the owl carousal site itself that the slides can be variable heights, but with your theme it defaults to 800px height, and when I try to change this to auto the entire slider simply disappears. Is there another place/file where this is being managed, other than in the main css?

[Zara Leggett]

As in this site: https://owlcarousel2.github.io/OwlCarousel2/demos/autoheight.html

[themearile]

Hi Zara Leggett

We have provided the support of the slider image as a background image. To display the different heights of images in the slider did not possible.

So the best-recommended size of the slider images is 1920*800px. But you can change the height of all slider images
as per your need to adding the below CSS code in the Additional CSS box.

#theme-main-slider .item {
height: 600px;
}

Thanks for your patience and understanding.

Thanks

[Author]

Posts