owlcarousel - dots do not appear

javascript css owl-carousel
user6247447 picture user6247447 · Apr 24, 2016 · Viewed 65.3k times · Source

I am working on a project and as my knowledge in javascript are very limited, I decided to use owlcarousel. everything was working fine but now I am facing a problem.

I have set the dots to true but they do not appear. My work so far is the following:

Please let me know how I can fix this issue

Answer

Tojo Chacko picture Tojo Chacko · Feb 15, 2017

I also faced the same problem while using Owl slider for the first time on my webpage. I could not see the dots navigation and I thought to myself this may be a bug and decided to do some investigation.

I figured later that there are 2 css files required to be included. One is the own-carousel.min.css and the other is owl.theme.default.min.css. After this the container div should have the owl-carousel and owl-theme class in their class list. For e.g:

<div id="slider" class="owl-carousel owl-theme">
        <img src="/dist/assets/img1.jpg" /> 
        <img src="/dist/assets/img2.jpg" /> 
        <img src="/dist/assets/img3.jpg" /> 
        <img src="/dist/assets/img4.jpg" />
</div>

Hope this helps for people who are facing this issue later.

Related questions

How to use owl carousel vertically?

I did not want to take the plugin code so I was wondering if someone had already managed to use plugin vertically. It's a shame on the part of this plugin can be used horizontally. Sorry for langage...

Read More
Owl Carousel 2 Nav on Sides

Hi I'm using Owl Carousel version 2 and can't find an example to put the navigation on the sides of the carousel like right and left chevrons or arrows. How do you do it?

Read More
Slide 2 items in OWL Carousel

I am using an OWL Carousel for my slider. What I am trying to do is slide 2 items when next previous is clicked. So its sliding to every second item still showing the second item during the transmission. I have …

Read More