lightningのヘッダーのロゴサイズを変える方法 by ぎょぴっち

ヘッダーのロゴサイズ、元の画像が大きくても大きさは変わらない。

ヘッダーロゴのCSSは

#header #site-title a img { max-height:60px;margin-top:3px; }

のように固定されてしまってます。そこで

#header #site-title a img { max-height:100px; }

をCSSエディターに書き込みますが、変わりません。

lightningの画像はヘッダーのスライド画像も含めて固定されているようです。

画像の固定を解除する

.navbar-brand img {

max-height: none !important;

}

これをCSSに入れることで画像サイズ固定が解除されますので入れたい画像はあらかじめ

適切な大きさにしてからのせてください。

出来れば、子テーマをインストールして「style.css」に入れてもいいですし、「simple.css」のプラグインを入れてもいいです。

lightningのテーマは更新するとすべてのファイルがデフォルトとなってしまいますので子テーマを作成することをお勧めします。


ヘッダーのスライドショーもサイズ変更できました。

「きっず・まーけっと」で利用しております。

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です