[ 解決済 ] ヘッダータイトルの背景の高さをカスタマイズしたい

[msuzu]

■ WordPress のバージョン
6.1.1

■ テーマ・プラグインは全て最新版で確認してください。
確認しました。

■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit

■ テーマのバージョン
15.5.1

■ Pro Unit のバージョン
0.23.4

■ スキンの種類
Origin III

■ 関連しそうなプラグインを一つづつ停止して症状が改善するか確認してください。
確認しました。

■ 期待する動作
固定ページ、投稿ページともにヘッダータイトルの背景の高さをカスタマイズして調整したい。

■ 自分で試した事
.page-header::before
　　 height: 100%;

カスタマイズの追加CSSで上記CSSのheightの値を変更したが調整できなかった

■ 症状が発生するブラウザ
Chrome

■ 実際の症状
デフォルトのデザインの高さのまま。

[うなこ]

管理画面【外観】>【カスタマイズ】>【Lightning ページヘッダー 設定】　から最小の高さが設定できます。

ページヘッダーカスタマイズ機能

[msuzu]

うなこ様　回答ありがとうございます。　ご指定のカスタマイズ機能で最小の高さを指定したのですが、6rem以下にはならないようです。それよりも低く設定できる方法を御存知であればご教示いただければ幸いです。よろしくお願いいたします。

[うなこ]

ページヘッダーのdivのinnerのdivにmarginが入っていますので、そこを調整しますと、もう少し小さくなります。

例えば以下のCSSを追加CSSなどに追記してみてください。
0.5em　の部分はお好みの大きさにしてください。

/*ページヘッダーインナーのmargin*/
.page-header-inner{
margin:0.5em auto;
}

[msuzu]

うなこ様　ありがとうございます。調整できました！innerのmarginとは気が付きませんでした。勉強になりました！

[投稿者]

投稿