税と暮らし

暮らしに関わる税を書くはずが…気になるコト、イロイロ書いていますw

【はてなブログ】サイドバーのタイトルに下線 or 背景色を付ける

f:id:tax-life:20170408075640p:plain

 デフォルトのままだとサイドバーのタイトルの区別がつきづらく、わかりにくいです

f:id:tax-life:20170226193704j:plain

 

なので、下のコードを
ダッシュボード > デザイン > カスタマイズ > デザインCSS
に貼り付けます

 

.hatena-module-title{
padding-left: 10px;
border-bottom: 10px solid ##ffe5e8;
}

 

 

border-botto:の横にある10pxが下線の太さ、最後の#~始まる英数字が色を表します
取り敢えず10pxの太さ、ピンク色で設定してみました

 

f:id:tax-life:20170226194130j:plain

 

デフォルトの状態よりも少しは見やすくなったのではないでしょうか…(*^_^*)

 

ちなみに下線ではなく、サイドバーのタイトルの背景に色を付ける場合は 

.hatena-module-title {
border-bottom: 1px solid #ddd;
background: #ffe5e8;
color: black;
}

のコードを貼り付けます

最後のcolorがタイトルの文字色、その前のbackgroundの#~の英数字が背景色を表します

 

f:id:tax-life:20170226195234j:plain

 

先程の下線のコードで太さを10pxと少し太めにしたので、背景色にした場合との違いが微妙ですが…(*ノωノ) イヤン
取り敢えず、背景をピンクにしたカスタマイズでいこうかと思います☆