Angel Angeles III Angel Angeles III - 4 months ago 14
HTML Question

Slick Slider: How to set arrows inside and not outside?

Hi I found slick slider to be really easy to use and decided it to use on a website i've been working on: http://smallbuildersdev.esy.es/

You can see the slider on the bottom of the page. I have just one problem. I want the arrows to be inside the slider and not outside of it (that also means that when the content slides in, it slides from an invisible hard edge). Is there a way to put the arrows inside so i can occupy the full width of the page (so no hard edges when sliding will be visible)? Here is the link to slick slider: http://kenwheeler.github.io/slick/

If you also look at the slick slider webpage the left/right arrows are outside the slider.

Answer

I think you can simply change the CSS style.

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