Задать вопрос
PUNK_199
@PUNK_199
...

Слайдер Owl Carousel 2 ...?

Установил слайдер Owl Carousel 2 на сайт, по инструкции, всё работает. На странице отображается три слайда. Пытаюсь сделать чтобы центральный элемент был больше, и никак не получается. В коде страницы видно, что трём элементам, которые находятся в зоне видимости присваивается "active"
5ad8758b3cffc730051418.png
...попробовал сделать так:
.owl-item.active:nth-child(2){
    border: 2px solid red;
}

(border просто для примера)
По идее, второй эктив должен был стать с красным бордером
Но вместо этого с бордером стал только второй слайд, а при пролистывании дальше ничего не изменяется
  • Вопрос задан
  • 223 просмотра
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
PavelMonro
@PavelMonro
По сути надо указать где ему это искать.
.owl-stage .owl-item.active:nth-child(2){ border: 2px solid red;}
При этом часто кэш виноват, ctrl+f5 пробуйте после обновления css
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы