How to do this on Slick Slider?

Question

css

How to make an arrow to the right, from the right edge of the dots, an arrow to the left, to the left of the dots?
I've tried adding two li's to the end and front of the slick-dots list and giving them prev,next classes but it doesn't work, it doesn't react. Tried to use appendArrows. Around the usual diva with a class, it adds arrows and everything is fine, but there is no around slick-dots(

Answer 1

jsfiddle.net/c8mLedyx/embedded/result,js,css,html
Well, let's style it the way you want.
Those. describe your slick-theme.css file

Answer 2

Slick has an arrows option, set it to true and style it. Why are you reinventing the wheel?

Answer 3

Style the dots and arrows. Look at the appendArrows, appendDots, prevArrow, nextArrow options.