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

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

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

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

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

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