「TCD AWARD 2023」受賞サイトを発表しました。

ワードプレステーマ別

TCDテーマMAXX:フッターにウィジェットの個別ページを綺麗に並べる方法

Q.フッターにウィジェットの個別ページを5個並べると不揃いになるのですが、綺麗に並べる方法はありますでしょうか?

A.下記の方法でカスタマイズください。

フッターは基本的に均等割りされて配置されるようになっています。

ただ、文字の長さが違いにより、視覚的に広い、狭いという風に見えてしまう場合があります。
例えば下記のようにフッターウィジェットのマージンを広めにとってみてください。

.footer_widget { display:inline-block; vertical-align:top;
font-size:12px; line-height:160%; text-align:left; width:300px;
overflow:hidden; margin:0 20px 46px 0; padding:0; position:relative; }

↓↓↓

.footer_widget {display:inline-block;vertical-align:top;font-size:12px;line-height:160%;text-align:left;width:300px;overflow:hidden;margin:
0 40px 46px 0;padding:0;position:relative;}

カスタムCSSに上記の記述をいただければ、間隔が広くなり見た目もよくなります。
上記箇所では[margin: 0 40px 46px 0;]を調整しておりますので、お好みで調整してください。

この記事は役に立ちましたか?

もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

同じテーマのカスタマイズ記事