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

VWSとは フォーラム Lightning [ 解決済 ] ヘッダータイトルの背景の高さをカスタマイズしたい

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

  • このトピックには4件の返信、2人の参加者があり、最後にmsuzuにより1年前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #73768

    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

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

    #73773

    うなこ
    モデレーター

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

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

    #73778

    msuzu
    閲覧者

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

    #73788

    うなこ
    モデレーター

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

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

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

    msuzu
    閲覧者

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

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。