Custom dots not working

CodeOneYT commented 5 years ago

I have been working on a site and have been trying to get custom dots, but they are not showing up in the way I would like them. I have been trying to imitate the custom dots from This link but it is not working. Anyone know a fix?

If you would like to see my results, check This link

====================================================================

What is the expected behaviour?

Colored, larger dots on the slideshow.

====================================================================

What is observed behaviour?

Default dots on the slideshow

====================================================================

More Details

Which browsers/versions does it happen on? All
Which jQuery/Slick version are you using? jQuery 3.3.1 and slick 1.8.1
Did this work before? I have only just implemented slick, so no.

alimemonzx commented 5 years ago

@CodeOneYT your result link is broken. One of my suggestion is you can override css classes to make your custom dots.

edu2004eu commented 5 years ago

.slick-dots li button:before{
    font-size: 16px;
    color: #FFCC00;
}

or you can use the customPaging option.

CodeOneYT commented 5 years ago

.slick-dots li button:before{
    font-size: 16px;
    color: #FFCC00;
}
or you can use the customPaging option.

How would you use the custom paging option? Sorry, I'm pretty new to this.

kenwheeler / slick