@Novamoscow

Как задать отступы между слайдами в SLICK?

Слайдер сам считает ширину слайдов(можно ли как то самому задавать ширину ?), подстроился более менее с помощью задания ширины контейнера где лежит сам слайдер.
НО возникла проблема, задал 10 слайдов в 2 строки (по 5 в каждой) . Но ни как не могу задать отступы между слайдами.

Ссылка на офф страницу слайдера kenwheeler.github.io/slick

Код слайдера
$(document).ready(function () {
        $('.slaider-spares').slick({
            slidesToShow: 5,
            slidesToScroll: 1,
            rows: 2,
        });
    });
  • Вопрос задан
  • 19655 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
задаешь стили для .slick-slide {padding: 0 15px;} к примеру. а для контейнера margin: 0 -15px;
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@kos88
.slider_wrap * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
.slick-slide { margin: 0 10px;}
.slider-item img { max-width: 100%;}
Ответ написан
it_proger29
@it_proger29
Битрикс
В 2021 достаточно родителю слайдов задать такие стили
column-gap: 78px
flex-wrap: wrap
row-gap: 0px
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы