Change height of Slick Carousel Change height of Slick Carousel angularjs angularjs

Change height of Slick Carousel


Answer:

CSS

.slick-slide {   height:200px;}.slick-slide img {   height:200px;}


I was having to set the height eg .slick-carousel{width: 200px;} because adaptive height wasnt working and slick was making the carousel as tall as the imgs (before it was resized by css). but after messing around with it for a while. this is what works for me.

    .slick-slide{        display: none;        float: left;        height: auto;        min-height: 1px;        img{            max-width: 100vw !important;         }    }


Try removing slidesToScroll from the config. The following simple combination worked for me without any additional CSS fudgery.

$('.slick-carousel').slick({     variableWidth: true,     centerMode: true });