Как изменить положение управляющих стрелок в слайдере Slick?

Question

[Nick Krogan]

Есть сверстанный блок, на него я установил slick слайдер, но после замены стрелочек они изменили положение. получился такой js файл

$('.quote-slider').slick({
  prevArrow: '<img src="../img/prew-arrow.png">',
  nextArrow: '<img src="../img/next-arrow.png">'
});

получилось вот что
закрасил красным для улучшения видимости.
стрелки уехали фиг знает куда. любые отступы сдвигают не только стрелки, но и остальной контент. свои отступы не ставил, все выставил сам слайдер. как это исправить? может кто сталкивался. если уменьшить ширину контента, то вылазит второй слайд.

Answer 1

[Serj-One]

Оформляй кнопки через стили, это классы .slick-prev и .slick-next, не нужно пихать оформление в js. А позиционируются они точно так же, как любой абсолютно спозиционированный элемент.

Comments

[Nick Krogan]

а тогда как изменить сами стрелки? если мне нужно вставить их в png

[M]

Nick Krogan: тоже через css, используя background-image

[Nick Krogan]

Valeriu Vodnicear: спасибо за ответ!