Не отображать точки (slick dots) для одного слайда

03.10.2022

Простая задача – если слайд всего один, то не отображать slick dots, чтобы слайдер выглядел не как карусель, а как обычный блок.

Скрипты не трогаем, просто добавляем такие стили:

.slick-dots>li:only-child {
    display: none;
}

Таким образом, скрывается элемент точки .slick-dots li, но блок .slick-dots остается, это нужно учитывать, если у этого блока есть свои стили: отступы, рамки, фон.

Рекомендую к прочтению:

Оставить комментарий