デフォルトの内側ではなく、カルーセルのすぐ外側にナビゲーション コントロールを配置しようとしています。
これに利用できるデータオプションはありません。そこで、ナビゲーション矢印の CSS をハッキングして、負の絶対位置を指定しようとしました。
ただし、親コンテナはoverflow: hiddenに設定されており、矢印を非表示にしています。これはデフォルトで可能ですか?
デフォルトの内側ではなく、カルーセルのすぐ外側にナビゲーション コントロールを配置しようとしています。
これに利用できるデータオプションはありません。そこで、ナビゲーション矢印の CSS をハッキングして、負の絶対位置を指定しようとしました。
ただし、親コンテナはoverflow: hiddenに設定されており、矢印を非表示にしています。これはデフォルトで可能ですか?
あなたの例を見ると、#featured1 の ID を持つ ul に次の CSS を適用できました。
#featured1 {
width: 90%;
overflow: hidden;
padding-left: 10%;
}
そうすることで、タイマーを右上に少し移動し、キャプションの幅もずらす必要があります。これは、次の css を使用して簡単に実行できます。
.orbit-container .orbit-timer {
right:70px;
}
.orbit-container .orbit-slides-container > * .orbit-caption {
width:90%;
}
この解決策はスライダーの画像を小さくするので、この場合は .large-10 の幅を増やしたいと思うかもしれません。