-
カルーセルの矢印を正しい位置にしたい
トピックス by
1792 pt
2023年9月28日 16:14
342
PV
【Widget】
カルーセル※要javascript(アクション)
【相談内容】
カルーセルwidgetの左右の矢印が、正しい位置に表示されません。カルーセルwidgetは２か所いれておりますので、それぞれ左右の矢印を表示させたいのですが、現状ではページの中央部分に表示が出てしまう形です。
お手数をおかけしますが、ご対応宜しくお願い致します。
-
1 コメント
-
閉じタグの位置によっての崩れになっております。
2つのカルーセルのHTMLコード最後の方に
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>というコードがあります。
その前にある「</div>」を一番最後に移動させてください。
（この閉じdivがカルーセルの箱自体のdivに対してしまっているので、この閉じdivの下にある矢印が迷子になっているようです。）
変更前
</div>
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>変更後
<div class="swiper-button-next"></div>
<div class="swiper-button-prev"></div>
</div>