BizVektorで画面全体の幅を100%に広げる方法を紹介します。検証したバージョンはBizVektor 1.9.13、デザインスキンはRebuildです。仕上がりイメージは次のようになります。 加工前のBizVektorは次のようなイメージです。ヘッダー画像を含めて画面全体の幅は950pxになっています。 今回は無料WordPressテーマ：Stinger7のヘッダー画像を横幅いっぱいに広げる方法を紹介したいと思います。 ついこないだStingerの最新バージョンがリリースされたようですが、Stingerもバージョン7にな … WordPressのテーマ「Simplicity2」を利用していた時の記事になります 「Simplicity2」も子テーマのstyle.cssに上書きCSSを追記していく事でCSSデザインをカスタマイズが可能 今回はレスポンシブデザインを維持しながら好みのカラムサイズに横幅レイアウトを調節してみました 背景の上に表示させたいコンテンツの「 position: relative; 」と「 z-index 」は必ず指定する必要があります。 「 z-index 」は動画ファイルよりも小さい値を指定します。 「 display: flex; 」はボックスを背景のセンターに表示させるために指定しています。 「 width 」は任意の値で問題ありません。 ヘッダー画像は、デフォで950pxですが横幅いっぱいに広げるCSSです。横幅いっぱいではなく、サイズ指定して広げる場合は100%部分をpx指定してください。 [crayon-5ec9c72c58cd2210391237/] 基本はここまで。Rebuildのみ、#topMainBnr img の max-width: 950px !important; を上書きが必要です。 こんにちは！！ワードプレス初心者のqubotanです。 今日集まってくれた諸君はこういう感じのstinger plus2のヘッダーまわりを こう画面端までにしたいんじゃないかと思う。 こうしたテクニックはネット … BizVektorのヘッダー画像の幅は950pxです。 このヘッダー画像を画面いっぱいに広げる方法を紹介します。次のような仕上がりイメージです。 記述するCSSは次のようになります。ひとまず作業だけ終えたい方は先に子テーマのstyle.cssにペーストしてください。 WordPress 2017.5.2 IEでCSSが反映されない？解決策を紹介します LifeStyle 2017.12.6 祝！ブログ運営1周年^^ WordPress 2017.11.25 ZenlogicからmixhostへWordPressを移行した手順まとめ WordPress 2017.3.20 サイト全体https化検討中。メリットや手順について考える【WordPr… WordPress 2017.4.30