Someday Somewhere

A little something to say in my everyday life

ブログタイトルの背景色を変える

f:id:tsukisai:20200423150119j:plain

「JOURNAL.」というデザインテーマのブログタイトル絡みのカスタマイズ。

ブログタイトルの背景

オリジナルのブログタイトルは
・背景色が白
・タイトル下にアンダーラインがある
・タイトル&下線の下にブログ説明文がある

こんな感じ(↓)
f:id:tsukisai:20200424045716g:plain

以下、CSSに書き加える&書き換えます。

背景色を変える

背景が白
#blog-title-inner {
background: #fff;
}

マーカー部分に好きな色のカラーコードを入れる。

背景を透明にする

背景が透明
#blog-title-inner {
background: transparent;
}

カラーコードが記述されていた箇所をtransparentに書き換える。

ブログタイトル

タイトルの文字サイズ

#title {
font-size: 120%;
}
マーカー部分の数字で調節。

タイトルの横幅を変更

#title {
width: 90%;
}

マーカー部分の数字で調節。

タイトル下の線を消す

#title {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}

ブログ説明文

説明文を消す

#blog-description {
display: none;
}

説明文の色を変える

#blog-description {
color: #777;
}

マーカー部分に好きな色のカラーコードを入れる。

当ブログでやってみたカスタマイズやテーマ作者さんのサイトにあるものも含め、ざっと書き出してみました。

上記以外で変えたい箇所がある場合は、該当id名内で指定すればできると思います。