ヘッダーお知らせ欄の高さ(幅)を変更するCSSの書き方【sango】

sangoを利用している人へ朗報です

簡単にヘッダーお知らせ欄の高さ(幅)を変える方法を見つけました。

調べても出てこなかったので、ここに残します。

結論!

  1. ヘッダーお知らせ欄は魅力的です
  2. CSSの子テーマに追加

ヘッダーお知らせ欄は魅力的です

sangoのヘッダーお知らせ欄ですが、デフォルト設定の高さ(幅)は21px。

存在感があるため読者にお知らせ情報を伝えるには効果バツグンです。

またグラデーション色が良いですね

ブログを美しくデザインすることが出来る。

このデザイン性を魅力に感じる人も少なくないはずです。

しかし、、

  • 長文で1行におさまらん。
  • 高さ(幅)がありすぎるのか?
  • 短文ならいいっちゃいいけど。
  • でも、1行でも幅広いな。

そうだ CSS、いじろう。

CSSの子テーマに追加

下記コードをCSSの子テーマに追加します。追加はどこでもOK。

こちら
/*ヘッダーお知らせ欄の文字・高さ調節*/
.header-info{
    font-size: 10px;
    line-height: 10px;
}
/*END ヘッダーお知らせ欄の文字・高さ調節*/
MEMO
10pxを変更することも出来ます。
Digiprove sealCopyright secured by Digiprove © 2018