Custom arrows in the slick slider can be done on your class or ID?

Question

css

Slick slider. I need to change the appearance of arrows and positioning. And this is all on several sliders on one page (something changes on each slider).

I made up the button and gave it a class. Is it possible to replace the standard buttons with my custom one.

PS It is to replace with a new element, and not to change the existing styles in the slick.

Answer 1

prevArrow: $('.prev'),
nextArrow: $('.next'),

Answer 2

If you make your own navigation buttons that you want to display in the place you need, then use
nextArrow in the slider settings: document.querySelector('#my-arrow-next'),
prevArrow: document.querySelector('#my-arrow-prev ')