Не могу понять почему при добавлении картинки стрелки в slider JS картинка не показывается, а вместо неё серый фон???

Question

[Vlad_samosuev]

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

Comments

[Антон Горецкий]

Ответ на ваш вопрос - 42

[Elvis]

Антон Горецкий, всё же думаю что 43

[LOVEEEEER]

Скинь код, пожалуйста.

[Vlad_samosuev]

CSS:
.testimonials__body {
position: relative;
padding: 0px 50px;
}

/* Слайдер */
.slick-slider{}
/* Слайдер запущен */
.slick-slider.slick-initialized{}
/* Слайдер с точками */
.slick-slider.slick-dotted{}
/* Ограничивающая оболочка */
.slick-list {
overflow: hidden;
}
/* Лента слайдов */
.slick-track{
display: flex;
}
/* Слайд */
.slick-slide{}
/* Слайд активный (показывается) */
.slick-slide.slick-active{}
/* Слайд основной */
.slick-slide.slick-current{}
/* Слайд по центру */
.slick-slide.slick-center{}
/* Клонированный слайд */
.slick-slide.slick-cloned{}
/* Стрелка */
.slick-arrow{
position: absolute;
top: 50%;
z-index: 10;
}
/* Стрелка влево */
.slick-arrow.slick-prev{
left: 0;
background: url(img/Estate6/Arrow 1.png);
}
/* Стрелка вправо */
.slick-arrow.slick-next{
right: 0;
background: url(img/Estate6/Arrow 1.png);
}
/* Стрелка не активная */
.slick-arrow.slick-disabled{}
/* Точки (булиты) */
.slick-dots{}
.slick-dots li{}
/* Активная точка */
.slick-dots li.slick-active{}
/* Элемент точки */
.slick-dots li button{}

Answer 1

[Саша]

Скорее всего неверный путь к файлу картинки либо задайте размеры на кнопки которым задаете картинку стрелки.

Comments

[Vlad_samosuev]

Все хорошо, нужно было изменить название файла :)