title: Slick Carousel - Set first slide
body: <p>I have a slick carousel on my website showing a basketball team's schedule. The slider contains all the games from the current season ordered by date.</p>
  
  <p>I want the slider to be centered to the next game. How do I set a specific slide as the first slide, even though it's not the first one on the html.</p>
  
  <p>Code:</p>
  
  <pre><code>$('.result_slider').slick({
      rtl: true,
      centerPadding: '0px',
      slidesToShow: 6,
      responsive: [
          {
              breakpoint: 1680,
              settings: {
              arrows: false,
              centerPadding: '0px',
              slidesToShow: 3
            }
          },
          {
            breakpoint: 481,
            settings: {
              arrows: false,
              centerPadding: '0px',
              slidesToShow: 1
            }
          }
      ]
  });
  </code></pre>