Posted at 2016-07-27

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);

}

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

YoshiakiOshima