title: slick slider dots repositioning - multiple positions
body: <p>I'm using slick slider (<a href="http://kenwheeler.github.io/slick/" rel="nofollow noreferrer">http://kenwheeler.github.io/slick/</a>). I was wondering if it is possible to reposition slick dots for a particular slick slider only (by "slider" I mean the full slider, not an image in the slider. I have 3 slick slides on my page, just want to move it for one of them).</p>
  
  <p>I found this post <a href="https://stackoverflow.com/questions/32219819/slick-slider-dots">slick slider dots repositioning</a> re-positioning and the accepted solution works fine as long as you want to move all your dots (for all sliders together):</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.slick-dots {
    top: 100px;  // play with the number of pixels to position it as you want
    left: 100px; // play with the number of pixels to position it as you want
  }</code></pre>
  </div>
  </div>
  </p>
  
  <p>How can reposition the dots only for a particular slider? The .slick-dots class seems to apply to all sliders and the source code is in the CDN.</p>
  
  <p>For code reference please refer to this fiddle <a href="https://jsfiddle.net/5ox31m2a/89/" rel="nofollow noreferrer">https://jsfiddle.net/5ox31m2a/89/</a> (note this is just an example of 1 slider, not a full representation of the issue at hand).</p>
  
  <p>Thanks in advance</p>