採用サイト制作に最適なWordPressテーマ「ISSUE」の機能概要

ワードプレステーマ別

TCDテーマANTHEM:固定ページのヘッダーの高さを変更する方法

Q.固定ページで、ヘッダー画像を使用した場合の高さを変更できますか?

▼変更箇所イメージ
変更箇所イメージ

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

当該固定ページ編集画面のカスタムCSS欄に入力してください。
(※TCDテーマ>サイト基本設定のカスタムCSS欄に入力するとすべてのページに反映されてしまいます。)

#page_header { height: 〇px; }

〇に任意の数値を指定してください。デフォルトは500pxです。

 
補足)
上記を応用して、bodyタグに付与されるクラス名などを記述に追加することで他のページでもヘッダー画像の高さを変更することが可能です。
例えば、ブログ一覧ページのヘッダー画像の高さを変更したい場合は、TCDテーマ>サイト基本設定のカスタムCSS欄に以下のように入力してください。

.blog #page_header { height: 〇px; }

 
クラス名などの確認には、以下の記事をご参考にブラウザのデベロッパーツールをご活用ください。

■Chromeデベロッパーツール
https://tcd-theme.com/2016/06/google-develop.html

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

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

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