Slick: Customizing colours and sizes of dots and arrows
There is no way that I can find to change the colours and sizes of the dots and arrows. If there is, please let me know, otherwise, feature request.
cohix
All 4 comments
You can create your own using CSS. The sprite it comes with is just to get you started.
kenwheeler
on 28 Mar 2014
Hey. Just updated this to use an icon font. So now you can use CSS to modify font-size, color, opacity, etc. The default stuff is in slick.css in the :before pseudo selectors. You can modify this now to be any color or size you want. Thanks!
kenwheeler
on 28 Mar 2014
👍6
I know this is old, but to help those that want to change the exact size of the dot. Follow everything @kenwheeler has said, and change the font-size in the .slick-dots li button:before
I hope this helps someone out there!!
PhilJolley
on 11 Jun 2018
👍4
@PhilJolley just helped me thanks!
diffractometer
on 12 Jun 2018
👍1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
Luneya
路
3Comments
xtatanx
路
3Comments
jamesinealing
路
3Comments
NozX18
路
3Comments
rahi-rajeev
路
3Comments
Most helpful comment
Hey. Just updated this to use an icon font. So now you can use CSS to modify font-size, color, opacity, etc. The default stuff is in slick.css in the :before pseudo selectors. You can modify this now to be any color or size you want. Thanks!