WordPressテーマLightningでサイトタイトル画像を大きく表示する方法|FAQ#069

WordPressの無料テーマのLightningでホームページを作ってます。
ヘッダーロゴ(サイトタイトル)を作ったのですが、縮小されて表示が小さすぎます。
もう少し大きく表示させたいのですが、大きくできるのでしょうか?

  • 大きくする(横幅を大きく)限界はあるようですが、ある程度でしたら可能です。
目次

サイトタイトルロゴをデフォルトより大きいもので大きく表示する方法

例として、横幅360px、縦60pxの画像を作成した場合で説明していきます。

STEP
横幅360px、縦60pxの画像を作成
STEP
外観⇒カスタマイズ⇒Lightningデザイン設定⇒ヘッダーロゴ画像で、作成した画像をアップロード
STEP
カスタマイズ内の「追加CSS」をクリック
STEP
下のコードをコピーペーストして「公開」ボタンをクリック

/*ヘッダーロゴ表示*/
.site-header-logo img{
width: 360px;
height: 60px;
max-height: 60px;
}
@media (max-width: 360px) {
.site-header-logo img{
width: 100%;
height: auto;
}
}

ご質問などありましたら気軽にお問い合わせください。
Facebookでご縁をいただいている方は、メッセンジャーでもOKです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次