2015-10-01 3 views
0

По какой-то причине навигационные точки на моей солярине не видны. Они отображаются, и я могу найти их в коде, но они не отображаются.Owlcarousel - точки невидимы

Может кто-нибудь выяснить почему? Эта страница (вверху слайд-шоу): http://tiny.cc/3mi43x

+0

http://owlgraphic.com/owlcarousel/index.html Может ли быть опцией 'pagination'? – yongtw123

+0

эта проблема решена – devanathan

ответ

1

Это очень просто. Источником проблемы является opacity: 0; свойство, установленное для .owl-элементов управления и блоков .owl-точек. Измените его на что-то отличное от 0, затем они появятся. Они в теме-fe7522.css.

#sns_slideshow_wrapper .owl-controls { 
    opacity: 0; 
    transition: all 0.5s ease 0s; 
} 
#sns_slideshow_wrapper .owl-controls .owl-dots { 
    bottom: 20px; 
    left: 0; 
    opacity: 0; 
    position: absolute; 
    right: 0; 
    text-align: center; 
} 
+0

Perfect. Большое спасибо за Вашу помощь! Он все еще скрывает все точки, пока не зависнет над баннером. Можно ли всегда показывать их? – user2806026

+0

Вы забыли изменить непрозрачность '#sns_slideshow_wrapper .owl-controls' на 1. После того, как вы это сделали, все будет хорошо) Не ​​забудьте отметить ответ, если он правильный) –

2

Вы должны включить *= require owl.theme в файле application.css.
Это решит вашу проблему.

Смежные вопросы