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つ並びにすると、一つ一つのバナーが小さく表示されるため見出し部分が大きく見えます。そのため、上記ではこの見出しオビを狭める調整も行っています。
同箇所では、より自由度が高い「パターン」を表示させることもできます。 →「フッター」のマニュアル
この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!