daniel Crabbe daniel Crabbe - 4 months ago 20
CSS Question

slick carousel - hide controls?

Are there any options to stop slick adding next & previous buttons? I can't seem to hide them via css.



<button type="button" data-role="none" class="slick-prev" aria-label="previous" style="display: inline-block;">Previous</button>




Answer

Add prevArrow: false and nextArrow: false to where you call your carousel. Ex)

$('.slider').slick({
    dots: false,
    prevArrow: false,
    nextArrow: false
});

I added dots: false in case you wanted to remove that too.