文系ですが、人工知能はじめました。

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

おつかれさまです。

sango使用中サラリーマン 京都たわを です。

sangoを利用している人へ朗報です。簡単にヘッダーお知らせ欄の高さ(幅)を変える方法を見つけました。

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

簡単にヘッダーお知らせ欄の高さ(幅)を変える

ヘッダーお知らせ欄を変える

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

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください