CSS

Slick Slider Animated

September 21, 2019September 21, 2019 by tadej

Animated text elements on slick slider:

https://codepen.io/alexandrebuffet/pen/zNpmpx
https://codepen.io/joxxce/pen/WjGLyr

CSS

Slick slider – Equal Height

August 11, 2019September 26, 2019 by tadej

Equal height blocks on slick slider:

.slick-track{
    display: flex;

    .slick-slide{
        display: flex;
        height: auto;
        align-items: center; //optional
        justify-content: center; //optional
    }
}

CSS

Slick Slider load first image

January 31, 2019January 31, 2019 by tadej

Display only first image of slick on page load

.slick_slider {
    overflow: hidden;
    
    .slick_slider__element:nth-child(n+1) {
        display: none;
    }
    
    .slick-initialized,
    .slick_slider__element:first-child { 
        display: block;
    }
}