「JOURNAL.」というデザインテーマのブログタイトル絡みのカスタマイズ。
ブログタイトルの背景
オリジナルのブログタイトルは
・背景色が白
・タイトル下にアンダーラインがある
・タイトル&下線の下にブログ説明文がある
こんな感じ(↓)
以下、CSSに書き加える&書き換えます。
背景色を変える
背景が白
#blog-title-inner {
background: #fff;
}
#blog-title-inner {
background: #fff;
}
マーカー部分に好きな色のカラーコードを入れる。
背景を透明にする
背景が透明
#blog-title-inner {
background: transparent;
}
#blog-title-inner {
background: transparent;
}
カラーコードが記述されていた箇所をtransparentに書き換える。
ブログタイトル
タイトルの文字サイズ
#title {
font-size: 120%;
}
マーカー部分の数字で調節。
font-size: 120%;
}
タイトルの横幅を変更
#title {
width: 90%;
}
width: 90%;
}
マーカー部分の数字で調節。
タイトル下の線を消す
#title {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
ブログ説明文
説明文を消す
#blog-description {
display: none;
}
display: none;
}
説明文の色を変える
#blog-description {
color: #777;
}
color: #777;
}
マーカー部分に好きな色のカラーコードを入れる。
当ブログでやってみたカスタマイズやテーマ作者さんのサイトにあるものも含め、ざっと書き出してみました。
上記以外で変えたい箇所がある場合は、該当id名内で指定すればできると思います。