Slick carousel prevArrow и nextArrows сверху слайдов

Question

Используя slick carousel, я пытаюсь сделать prevArrow и nextArrow появляться поверх слайдов, а не справа и слева от них, как и во всех демонстрационных версиях. Я могу изменить левую позицию prevArrow, используя псевдо CSS-класс, как показано ниже, но он попадает под слайды. Z-индекс не помещает элемент slick-prev сверху.

.slick-prev:before{ 
    color:blue; 
    left:10px; 
    z-index:1000000000000; 
} 

Это jsfiddle показывает местоположение prevArrow перемещается, но под слайдами. Как переместить стрелки над слайдами?

Answer 1

Кто-то помог ответить на это на github. Не делайте позицию на псевдо, делайте это на элементе.

.slick-prev { 
    color:blue; 
    left:10px; 
    z-index:1000000000000; 
}