'How to remove indicators from owl carousel

I cannot for the life of me get rid of them:

dots: false,

Doesn't do anything?

htmlcssowl-carousel


Solution 1:[1]

Since you are using OwlCarousel version 1, please check out their documentation. This also says pagination (dots) can be turned off with:

pagination: false,

The dots: false, is for version 2. See this GitHub issue which is asking the same question.

Solution 2:[2]

<pre>
<code>

    <script type="text/javascript">
        $(document).ready(function(){
            $('.owl-carousel').owlCarousel({
                dots: false,
            });
        });
    </script>

</code>
</pre>

Solution 3:[3]

Try as below:

$('.owl-carousel').owlCarousel({
  nav: false,
  dots: false,
.....
..

Solution 4:[4]

For version 2 you can use the dots property.

dots : false,

Solution 5:[5]

Try as below:

<script type="text/javascript" >
        require(['jquery','owlcarousel'], function($){
            $(document).ready(function() {
               $('#feature_product').owlCarousel({
                    margin: 10,
                    dots:false,
                    loop: true,
                    autoplay: true,
                    autoplayTimeout:300,
                    slideSpeed : 200,
                    responsiveClass:true,
                    responsive:{
                        0:{
                            items:1,
                            nav:true
                        },
                        600:{
                            items:3,
                            nav:true
                        },
                        1000:{
                            items:5,
                            nav:true,
                            loop:true
                        },
                    }
                });

              });
        });

    </script>

Solution 6:[6]

$(".carousel1").owlCarousel({ margin: 20, loop: true, autoplay: true, autoplayTimeout: 2000, autoplayHoverPause: true, nav: false, dots: false, responsive: { 0:{ items:1, nav: false }, 600:{ items:2, nav: false }, 1000:{ items:3, nav: false } } });

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 B_s
Solution 2 Dev-iL
Solution 3 Rahul Gupta
Solution 4 Amit
Solution 5 Rakesh Patel
Solution 6 Jaime Tarazona

Related Questions