Home /css /Slick Slider - Changing the Dots /

Slick Slider - Changing the Dots

2:17 am, April 23, 2017

Original Post Date: 5:06 am, August 13, 2014

If you want rounded dots, just do the following. This also removes the tiny dot in the center.


.slick-dots li button:before {
content:"";
}
.slick-dots li button {
border-radius: 10px;
background:rgba(255,255,255,0.5);
}
li.slick-active button {
background:#FFF;
}
.slick-dots li button:before { content:""; } .slick-dots li button { border-radius: 10px; background:rgba(255,255,255,0.5); } li.slick-active button { background:#FFF; }