Объединить точки и стрелки в slick-слайдере

Возможно существует иной способ, но я не нашла. И поэтому, чтобы придать внешний вид, который был задан по макету, пришлось прибегнуть к таким действиям:

В slick.js находим строку:

appendArrows: $(element),
appendDots: $(element),

и заменяем ее на:

appendArrows: $(element).siblings('.navig'),
appendDots: $(element).siblings('.navig'),

в верстку под div со слайдером вставляем:

<div class="navig"></div>

И тогда в div с классом navig будут вставляться и точки и стрелки. Далее нужно просто стилизовать все под свои нужды

Возврат к списку