title: Add custom buttons on Slick Carousel
body: <p>How do I apply custom prev and next buttons to slick carousel? I have tried a background image on the <code>.slick-prev</code> and <code>.slick-next</code> css classes. I have also tried adding a new class as per the documentation but the arrows disappeared completely:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $('.big-image').slick({
    dots: false,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    centerMode: true,
    variableWidth: true,
    nextArrow: '.next_caro',
    prevArrow: '.previous_caro'
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any pointers would be appreciated.</p>