search

kenwheeler / slick

the last carousel you'll ever need
kenwheeler.github.io/slick
MIT License
28.49k stars 5.89k forks source link

Navigation arrows not showing - what is disabling the arrows? #4174

Closed wadid closed 2 years ago

wadid commented 2 years ago

I have added in my style.css .slick-prev:before, .slick-next:before { color: #09529b !important; }

also I have arrows:true in my js file where I call .slick.

When I Inspect the html in the browser console I have the following:

<button class="slick-prev slick-arrow slick-disabled" aria-label="Previous" type="button" aria-disabled="true" style="display: block;">Previous</button>

Does that mean the arrows are disabled? What setting is disabling the arrows?

wadid commented 2 years ago

the arrow were not disabled, it seems they had a minus padding which displayed them outside of the screen.