slick.jsでスライダーに表示させる矢印を移動させたいです。

Question

jqueryプラグインのslick.jsを使って画面に3つ表示させる設定をしています。
この時にオプションで矢印を表示させているのですが、
この矢印をセンター画像の内側に表示させる方法はありますでしょうか。

▼以下にサンプルを作成しました。
https://jsfiddle.net/aox1cb4y/

ご教示いただけると幸いです。
よろしくお願いいたします。

Answer 1

.slick-prev {
    left: calc((100vw - 300px) / 2);
    /*left: 15px;*/
    z-index: 100;
}
.slick-next {
    right: calc((100vw - 300px) / 2);
    /*right: 15px;*/
    z-index: 99;
}
```**動くサンプル：**[https://jsfiddle.net/aox1cb4y/11/](https://jsfiddle.net/aox1cb4y/11/)

Comments

[jyoze]

kei344さん
ご回答ありがとうございます。
calcは使ったことがなかったので勉強になりました！
calcを使って両端の画像のサイズ分を引く計算式になるんですね。