Как реализовать такие dots в slick slider?

Question

[d4c4237abc]

Как реализовать такие dots в slick slider?
высота серых блоков 1px на 26px; а в активном состояние 1px на 48px;

Answer 1

[IIIu6ko]

Держи https://jsfiddle.net/9nm4ctv9/1520/

Comments

[d4c4237abc]

Cпасибо большое!!!

Answer 2

[Ridz]

пример

<style type="text/css">
  .slick-dots li button:before{
    background-color:#000000;
    top:10px;
    content:'';
    width:1px;
    height:26px;
  }

  .slick-dots li.slick-active button:before{
    background-color:#FECC02;
    top:0;
    height:49px;
  }
  </style>

Answer 3

[Dymok]

Как кастомизировать dots в Slick Slider?