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

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

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

(border просто для примера)
По идее, второй эктив должен был стать с красным бордером
Но вместо этого с бордером стал только второй слайд, а при пролистывании дальше ничего не изменяется
  • Вопрос задан
  • 221 просмотр
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
PavelMonro
@PavelMonro
По сути надо указать где ему это искать.
.owl-stage .owl-item.active:nth-child(2){ border: 2px solid red;}
При этом часто кэш виноват, ctrl+f5 пробуйте после обновления css
Ответ написан
Ваш ответ на вопрос

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

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