サポート » 使い方全般 » ロゴを上下の中央に表示する方法

  • 解決済 Chanchan.

    (@eureka20080321)


    いつも大変お世話になっております。

    テーマはbeauti_plusで子テーマを作成してカスタマイズしています。

    ロゴを上下の中央に表示させる方法を教えてください。

    左右の中央は

    img.custom-logo {
    display: block;margin:auto;
    }

    というコードをCSSに追記したところ何とか出来たのですが、上下の中央に表示させるコードが上手くいきません。

    調べて追記してみたコードです。

    img.custom-logo {
    display:flex;
    }
    img.custom-logo {
    position:absolute;
    }

    これでは上手くいきませんでした。

    どなたか教えてください。
    よろしくお願いします。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • こんにちは

    header.php の h1 タグの前後に複数のノーブレークスペースが挿入されています。これを削除することで垂直中央表示になると思います。

    ノーブレークスペースとは

    トピック投稿者 Chanchan.

    (@eureka20080321)

    ishitakaさま。

    いつもご面倒をお掛けします。
    またお返事が遅くなり、申し訳ございませんでした。

    ノーブレークスペース [  ]
    やたらとこんなのが出ていました。
    何だろうと思ってはいましたが、こういう事だったのですね。

    少しづつ見ながら削除していきましたら、無事に上下のスペースがなくなり、中央表示に出来ました!

    本当にいつも丁寧にありがとうございます。
    また、相談にのってください。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「ロゴを上下の中央に表示する方法」には新たに返信することはできません。