お寺や神社、小料理屋など、日本の美意識を表現できるWordPressテーマ「ZEN」
ワードプレステーマ別

TCDテーマAIDER:フッターのバナーを4つ並びで表示させる方法

WordPressテーマ「NULL」

TCD LABOはWordPressテーマ「NULL」を使用して作られています。

ダウンロード

Q.フッターでバナーを4つ表示させたいです。一つだけ下の行に表示されるので一行で表示させられますか?

▼変更後のイメージ  →変更前:AIDERデモサイト
変更後のイメージ

A.下記の方法でご対応ください。

TCDテーマ>基本設定のカスタムCSSに入力します。

@media (min-width: 768px) {
  .p-footer-banner { grid-template-columns: repeat(4, 1fr); }
  .p--footer-banner-title_overlay { height: 30px; }
  .p-footer-banner__title { height: 30px; line-height: 35px; }
}

 
補足)
4つ並びにすると、一つ一つのバナーが小さく表示されるため見出し部分が大きく見えます。そのため、上記ではこの見出しオビを狭める調整も行っています。
同箇所では、より自由度が高い「パターン」を表示させることもできます。 →「フッター」のマニュアル

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

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

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