WEBデザイン

【AFFINGER5発売中】AFFINGER4(アフィンガー4)のフッター幅を100%にする方法

投稿日:

このサイトはwordpressで作成してます。
そして、テーマは「稼ぐ」に特化したアフィリエイトテーマの Affinger4 ですが、販売を終了してしまい若干不安を感じてます。

どうやら新しいバージョンWING(AFFINGER5) が発売されてゆくゆくは「WING(AFFINGER5)」のみになるらしい。
さらにAFFINGER4よりももっともっと良くなっている!

>>見ると欲しくなっちゃうWING(AFFINGER5版)

AFFINGER4だって、とても使いやすくてhtmlやCSSの知識がなくてもデザインの変更ができて、さらにSEOにも、アフィリエイトにも強いという素晴らしいテーマです。それのもっと良くなってるって・・・・いづれまた私も買うことになるでしょう。

 

さて、開き直って。
今回はAFFINGER4のテーマで私が陥ったミスをご紹介します。

アフィンガーのフッター背景を100%にする方法

アフィンガー4のフッター部分の背景がなかなか100%に配置できずにいました。
CSSに width100%; を色々試したものの全く動かず、こんな感じ。

ミス↓

 

フッター背景色のピンクを100%に広げたい。のに広がらない。

そして、簡単なミスを発見し感動しましたのでご紹介します。

 

 

カスタマイズ → 基本エリア設定 の中のサイト背景色、ここの色をクリアにして保存してください。これでヘッダーもフッターもワイドになります。

カラーを設定していたので、1100pxに固定されていただけでした。

 

同じミスで悩んでる人がいてお役に立てれば幸いです。

-WEBデザイン

Copyright© こだわらない暮らし , 2018 All Rights Reserved.