WordPress テーマ「luxeritas」にてヘッダー下ウィジェットでカルーセルスライダーを入れると横幅がずれる件

※当サイトは、Google Adsense、Amazonアソシエイト、各種アフィリエイト広告を利用しています。また、製品PRを行っている場合があります。

WordPress テーマ「luxeritas」を愛用しているのですが
「luxeritas」に搭載されているウィジェットに
とてもいい感じの「カルーセルスライダー」があります。

 

掲載位置的に「ヘッダー下ウィジェット」あたりに
入れることが多いかと思いますが
そこに入れると規格範囲を超えて
右側が枠外へと飛び出して
デザインが崩れる不具合が発生しました。

 

色々解決策を探してみたのですが
類似ケースが見当たらなかったので
CSSをいじって自身で解決しましたので
参考にしていただけたらと思います。

 

その方法は、
「外観>カスタマイズ>追加CSS」に
以下コードを入れるだけです。

 

.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-free-mode{
	width:100%;
}

 

これを入れることで
上位DIVタグの横幅に強制的に合わせることができるため

自動調整されます。




\応援ありがとうございます🌿/
各種ブログランキングに参加しています✨

アバター画像

Hiro先生

おかげさまで豊かさに満たされた日々を
今、素敵に生きています
感謝の種まきによって人生が根底から変わることを知って
素敵なご縁の輪を広げながら、
望む未来を叶える、奇跡を起こし続けるお手伝いをしています。

記事本文: 358