Изменить положение стрелки скользящего слайдера

Question

Я хочу изменить положение скользящей стрелки , как то же на картинке, но я не могу получить то же самое в jquery.

$('.your-class').slick({
    dots: true,
    infinite: true,
    speed: 300,
    slidesToShow: 1,
    centerMode: true,
    variableWidth: true,
    prevArrow:'<i class=" fas fa-angle-right clr-gry"></i>',
    nextArrow:'<i class="fas fa-angle-left clr-gry"></i>'

});

Answer 1

Добавить класс на вашей функции Slick, например

prevArrow: $(".pp2"),
nextArrow: $(".nn2"),

и кнопку «Добавить ниже» со стилем:

<button class="pp2">back</button>
<button class="nn2">forward</button>

Answer 2

Вы можете изменить положение стрелок, используя CSS. Попробуйте как показано ниже:

.clr-gry.slick-arrow {
    top: 0;
    position: absolute;
}
.fa-angle-left.clr-gry {
    right: 10px;
}

.fa-angle-right.clr-gry {
    right: 0;
}

Если это не сработает, пожалуйста, поделитесь страницей HTML.