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

Question

[Александр]

Установил слайдер Owl Carousel 2 на сайт, по инструкции, всё работает. На странице отображается три слайда. Пытаюсь сделать чтобы центральный элемент был больше, и никак не получается. В коде страницы видно, что трём элементам, которые находятся в зоне видимости присваивается "active"

...попробовал сделать так:

.owl-item.active:nth-child(2){
    border: 2px solid red;
}

(border просто для примера)
По идее, второй эктив должен был стать с красным бордером
Но вместо этого с бордером стал только второй слайд, а при пролистывании дальше ничего не изменяется

Answer 1

[Павел]

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

Comments

[Александр]

эффект тот же...
кэш чистил

[Александр]

я даже пробовал указать полный селектор, скопировав его из браузера

[Павел]

Александр, что-то значит с кодом не так, через инспектор отобржается код Ваш?
Перешел на демку:
https://owlcarousel2.github.io/OwlCarousel2/demos/...
Добавил этот стиль через испектор и добавились нормально бордеры для 2 активного слайда.
storage3.static.itmages.com/i/18/0419/h_1524137155...