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?

[MaxIbanez]

Hi !! first... thanks for this tool !!!! jajaja

I need help with this plugin in Angular, how can i change the color dots?
I tried change color from source code and i dont have any changes.
I tried make a new class for slick... and nothing.

Do you have any idea? :(

[bliitzen]

Hi !! first... thanks for this tool !!!! jajaja

I need help with this plugin in Angular, how can i change the color dots? I tried change color from source code and i dont have any changes. I tried make a new class for slick... and nothing.

Do you have any idea? :(

For Angular - I used SebastianGicquel's solution and put it in the styles.scss file for it to work.