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

TCDテーマMONAD:フッターのバナーの画像・タイトルの縦幅や文字サイズなどを変更する方法

WordPressテーマ「NULL」

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

ダウンロード

Q.フッターのバナー部分ですが、デモサイトの3つ並びと比べると、4つ並びのときに画像が小さい気がします。

▼変更後イメージ  →変更前:MONADデモサイト(バナーは3つ並び)
変更箇所イメージ

イメージ画像では、以下の調整を施しています。
・画像を縦に大きく
・タイトルのオビ縦幅を狭く
・タイトルの背景色・文字色・文字の太さを変更

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

TCDテーマ>基本設定のカスタムCSSに入力して調整します。不要な調整の行は削除してもOKです。

#footer_banner .title {
    font-size: 18px; /* タイトルの文字サイズ */
    font-weight: bold; /* タイトルの文字の太さ */
    color: #fff; /* タイトル文字色 */
    background: #0e6f8f; /* オビ背景色 */
    height: 45px; /* オビの高さ */
}
#footer_banner .image_wrap {
    aspect-ratio: 480 / 300; /* 画像の縦幅(300部分) */
}

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

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

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