Slick: change dots color?

[shanirel]

Hi Ken,
Awesome plugin. Any chance for dots color setting?
Tried to change it in the slick-active class with no luck.

[kenwheeler]

The dots are webfonts that are done using a psuedo selector on the button. Set the color css property like you would for text on the psuedo selector and you will see the color change.

[posi-tiva]

Hi,
I had the same issue and it didn't work just Setting the color css property like you would for text on the psuedo selector .
Instead I added this 2 rules on the li.slick-active:

background-color: transparent;
overflow: hidden;

[radiovisual]

Per Ken's suggestion:

The dots are webfonts that are done using a psuedo selector on the button. Set the color css property like you would for text on the psuedo selector and you will see the color change.

This is what worked for me:

.slick-dots li button:before {
    color: orange;
  }

[SebastienGicquel]

If you want a different color for "active" dot

.slick-dots li.slick-active button:before {
    color:orange !important;
}

[Nageswaran-1997]

how to modify dots in my project any way available?

pls sugges me...

[MGParisi]

The :before does not show up if the dots: true is set alone. What other setting needs to change for this?