Как сделать,чтобы ко второму слайдеру применился flex?

Question

[lololoshka2010]

здравствуйте.первый слайдер в посте https://qna.habr.com/q/1119562.собственно,элементы выстраиваются так:
если сделаю так:

.slick-initialized .slick-slide {
    display: flex;
}

,
то в инспекторе кода становится нормально,но на первом слайдере текст с кнопкой тоже ставятся в ряд.подскажите,как-то можно задать другие/дополнительные классы элементам из слика?

Comments

[Ярослав Дмитриев]

Они так выстраиваются вроде из-за того что сами стили slick не подключены, в доках 2 ссылки попробуйте обе подключить

Answer 1

[Ankhena]

Slick - устарел.
Он не поддерживает флекс для слайдов.
А это значит, что внутри слайда нужно сделать обертку и задать ей flex.

Если открыть инструменты разработчика, то можно увидеть display у кадров. (И много чего ещё полезного)

Альтернатива: перестать оборачивать картинки в 4 в один слайд, а сделать каждую отдельным слайдом и сказать, что нужно выводить по 4 за раз.

Answer 2

[Anonimmus]

1. Слайдер не инициализирован.
2. Отсутсвует стили по умолчанию для слайдера подключите библиотеку js css
3. В api slick указать по документации кол-во элементов в слайдере и его расположение. Вертикальное ли или горизонтальное.
https://realadmin.ru/saytostroy/slick-slider.html

В конце уже стилизуйте как вам необходимо