WordPressテーマTCDのカスタマイズを研究するサイト

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

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

1+

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。