Slick arrow перекрывается самым слайдером, как исправить?

Question

[ilyalomaeff]

Сделал кастомные стрелки в slick - slider, но почему то они перегораживаются самим слайдером. Стрелки на абсолютном поз - ии, как это исправить? z-index не помогает :(

Comments

[DanielTonne]

Похоже стрелки находятся вне контейнера-родителя с position-relative, поэтому они не видны
Сделайте общую обертку с relative, а внутри уже слайдер с навигацией

[Ankhena]

Вы серьезно считаете, что я могу по этому скрину узнать, что у вас в коде и какие ещё есть стили?

Answer 1

[Stephany]

Добрый день!
Решила проблему прописав в файле slick-theme.ccs свойство z-index:1 (помогло).

/* Arrows */
.slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;

position: absolute;
top: 50%;

display: block;

width: 60px;
height: 60px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);

cursor: pointer;
z-index: 1; !!!

color: transparent;
outline: none;
background: transparent;
border: none;
}