WEB WING|Affinger5 WORDPRESS プラグイン

【AFFINGER5(WING)|フッターが100%にならない!】意外なことが原因だった!背景いっぱいにカスタマイズ!

投稿日:

Affinger5のフッター背景を100%にしたい

フッターやメニューが幅いっぱいの100%(ワイド)にならない・・・

左右に余白が出来ている。

 

 

 

FirefoxでCSS、Width100%になっている(画像左下100%)のを確認しましたが、いくらCSSをいじっても治らない・・・

意外なことが邪魔をしていました!

外観カスタマイズのサイト背景色にこんな注意書きが・・・

 

白を背景に設定してしまっていたので1100pxが指定されていた模様。

サイト背景色をクリアにしてその上にある背景色に白を設定しました!

 

 

フッターの背景を100%にするにチェックを入れました!

それから、フッターエリアの背景色を指定してみました!

するとこんな感じに!

背景画像も入れていますが、カラー1色背景ワイドにしたい場合は背景画像は削除、もしくは無しで大丈夫です!

 

出来ました!

 

おまけ:ヘッダーの高さを変えたい

 

私がアップした画像のサイズは100px x 373pxです!

 

CSS

/*フッターにイラストを入れるために高さを変更*/
#footer {
height: 350px;
}

 

お試しください!

Copyright© うふふ.TOKYO , 2019 All Rights Reserved.