Настроить стрелки и точки с помощью jquery plugin slick carousel

Question

Как настроить следующую и предыдущую стрелки в плагине jouery для карусели? Я пробовал модифицировать файл slick.css, но я получаю странные результаты.

Я хочу добавить пользовательские изображения для стрелок и точек, а также изменить поля между ползунком и стрелками.

Answer 1

Осмотрите элемент, и вы увидите на кнопках:

class="slick-prev slick-arrow" 

Этот класс также имеет псевдо-элемент с изображением на (проверьте содержание: «←» ;. Чтобы переопределить это можно сделать в свой собственный CSS.

.slick-prev{ 
    width:20px; 
    height:20px; 
    background:url(/url/to/your/image.png); 
} 

.slick-prev:before{ 
    content:none; 

} 

Таким образом, вы удалите текущую стрелку и поместить фоновое изображение внутри кнопки. Или вы могли бы поставить фоновое изображение на псевдо-теге, а также.