Slick Slider: Jak ustawić strzałki wewnątrz, a nie na zewnątrz?

Question

Witam Znalazłem gładki suwak, który jest naprawdę łatwy w użyciu i postanowiłem go użyć na stronie internetowej, nad którą pracowałem: http://smallbuildersdev.esy.es/

Możesz zobaczyć suwak na dole strony. Mam tylko jeden problem. Chcę, aby strzałki znajdowały się wewnątrz suwaka, a nie poza nim (to także oznacza, że ​​gdy zawartość się wsuwa, przesuwa się z niewidocznej twardej krawędzi). Czy istnieje sposób na umieszczenie strzałek w środku, dzięki czemu mogę zajmować całą szerokość strony (tak, że nie będą widoczne ostre krawędzie podczas przesuwania)? Oto link do slickowego suwaka: http://kenwheeler.github.io/slick/

Jeśli spojrzysz również na zręczną stronę z suwakiem, strzałki w lewo/w prawo znajdują się poza suwakiem.

Answer 1

Myślę, że możesz po prostu zmienić styl CSS.

.slick-prev { 
    left: 100px; 
    background: red; /*to notice it, is white*/ 
} 
.slick-next { 
    right: 100px; 
    background: red; /*to notice it, is white*/ 
} 

Answer 2

dodać z-index: 1 do odpowiedzi przez UberKaeL wymusić wyświetlanie prev strzałki na górze obrazu

.slick-prev { 
    left: 100px; 
    background: red; /*to notice it, is white*/ 
    z-index: 1; 
} 
.slick-next { 
    right: 100px; 
    background: red; /*to notice it, is white*/ 
} 

Answer 3

Próbowałem zaakceptowane odpowiedź i znaleźć mój css nie brał efekt. Skończyło się na użyciu! Ważne, aby strzałka stała się widoczna ...

.slick-prev { 
    left: 100px !important; 
    background-color: red !important; /*to notice it, is white*/ 
} 
.slick-next { 
    right: 100px !important; 
    background-color: red !important; /*to notice it, is white*/ 
}