Posted at

slickでslick-arrowをオリジナル画像に変える一番簡単な方法

More than 3 years have passed since last update.

シンプルにこれで終わりです。


style.css

.slick-prev:before {

content: "" !important;
}

.slick-prev:after {
content: url(/assets/arrow_left.png);
}

.slick-next:before {
content: "" !important;
}

.slick-next:after {
content: url(/assets/arrow_right.png);
}


ページ内にカルーセルが複数ある場合、ググると逆にハマります。。。