How come dots/navigation buttons are not visiable using owlcarousel?

Add CSS for Owl Carousel theme,

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/owl-carousel/1.3.3/owl.theme.min.css" />

and change,

<div id="owl-demo">

<div id="owl-demo" class="owl-theme">

Demo: jsfiddle link

pagination:false,
navigation:true

try this

The minified css file you have doesn't appear to have a style for that element: .owl-theme .owl-controls .owl-page span.

Here are the styles that are applied by the demo on the owlgraphic.com site: http://jsfiddle.net/s10bgckL/2/

Related