Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to disable Slick Slider arrows?

I'm using Slick sliders with two different styles, for my web page but I'm having a problem with arrows. Can you please help me?

This is my main .slider, I've styled it's prev and next arrows using CSS

http://prntscr.com/7kdpgo

And here I used .filtering class of Slick, but I don't want these arrows. How can I disable them here and add those in the design?

http://prntscr.com/7kdq03

like image 766
Erum-n Avatar asked Jun 23 '15 15:06

Erum-n


2 Answers

<script>
  $('#carouselclass').slick({
     slidesToShow: 3,
     slidesToScroll: 1,
     autoplay: true,
     autoplaySpeed: 1500,
    arrows : false,
  });
</script>
like image 96
user5929999 Avatar answered Sep 20 '22 19:09

user5929999


Just set them to null. Job done!

    <script>
      $('#carouselclass').slick({
         slidesToShow: 3,
         slidesToScroll: 1,
         autoplay: true,
         autoplaySpeed: 1500,
         prevArrow: null,
         nextArrow: null,
      });
    </script>
like image 31
Gianluca Ghettini Avatar answered Sep 17 '22 19:09

Gianluca Ghettini