※当サイトは、Google Adsense、Amazonアソシエイト、各種アフィリエイト広告を利用しています。
WordPress テーマ「luxeritas」にてヘッダー下ウィジェットでカルーセルスライダーを入れると横幅がずれる件
ワードプレス
WordPress テーマ「luxeritas」を愛用しているのですが
「luxeritas」に搭載されているウィジェットに
とてもいい感じの「カルーセルスライダー」があります。
掲載位置的に「ヘッダー下ウィジェット」あたりに
入れることが多いかと思いますが
そこに入れると規格範囲を超えて
右側が枠外へと飛び出して
デザインが崩れる不具合が発生しました。
色々解決策を探してみたのですが
類似ケースが見当たらなかったので
CSSをいじって自身で解決しましたので
参考にしていただけたらと思います。
その方法は、
「外観>カスタマイズ>追加CSS」に
以下コードを入れるだけです。
.swiper-container.swiper-container-initialized.swiper-container-horizontal.swiper-container-free-mode{
width:100%;
}
これを入れることで
上位DIVタグの横幅に強制的に合わせることができるため
自動調整されます。
関連記事

Contact Form 7にAkismetでスパム対策
以前、フォームメールのスパム対策として Akismetを導入し、Contact ...

WordPressのブロックエディタでMarkdownはコピペできる
Wordpressで記事を書く際、慣れてきたらMarkdownを使った方がスピー ...

WordPressの公開エリアでのエラー表示を非表示にする方法
Wordpressを運用していると、プラグインやテーマシステムの更新を怠るとエラ ...

Elementor×Emanon×Happy Addons>Sliderで謎の大幅余白が出る件
ワードプレスの有料テーマEmanonを使っていて 尚且つElementorとHa ...

WPのお問合せフォームからの迷惑メール対策
ワードプレスのお問合せフォームから 迷惑メールが結構くるという方は 是非、この方 ...
カテゴリー
新着記事
ブログやホームページにYoutube動画を埋め込む際にYoutubeで埋め込みコードをコピペするとサイズが小さかったり、でかすぎたり、左寄せで見栄えが悪かったり。...
はじめて、レジストリのエリアをいじる際、パス指定でHKLM:¥とか表示されているやついったい何なん?...
PowerShellの画面で入力した、たくさん表示されてるコードなどをサクッと削除、クリアするコマンドは、以下のいずれかにて実行することが出来ます。 または...
noteにて、ふりがなを入れるには少しコツがいります。 下記、フォーマットに従って設定することで簡単にふりがなを入れることが出来るようになりますので誰でもやさしく読めるようになります。...
コピーしたデータが一つ一つセルごとに分かれて貼り付けられる予定だったものが一つのセルにすべて貼り付けられてしまった。 あるいは特定のセルが分割されずに一つのセルに入ってしまった。...
今回は、大量のデータを一つ一つチェックしていては手間がかかる重複チェックをサクッとできる方法について解説したいと思います。...
ブロックエディタで構築したいところがあるがテーマの仕様などによって、そのエリアはブロックエディタを扱うことが出来ないというときがあります。...
ホームページを制作する際ウェブサイトの黒文字の色はどのように設定してますか? カラーコード:#000000の真っ黒で設定してますか?...
こんにちは、Hiro先生です。 今回は、建物や施設、敷地などのセキュリティ対策を検討されている企業さまに最適なセキュリティセンターのGenetecについてお話させていただきたいなと思います。...
エクセルで特定の曜日の日付だけをサクッと表示、出力、抽出させたいときがあります。 いちいち入力するのは手間サクッと出力させるには、例えば、A1とA2に第一水曜日の日付と第二水曜日の日付を入力します。...