vertical-blogthemeのブログ

走る縦線がポイントのブログテーマのサンプルです

ブログテーマをカスタマイズするには

右側サイドバーの背景を変更したい

このままデザインのカスタマイズ機能で、背景画像や背景色を変更すれば適用されます。

なお、背景画像や背景色は暗色をおすすめします。どうしても明色にしたい場合は、下記のスタイルシートを追加で割り当てることで、右側の文字が見やすくなります。

#box2 {
    color: (お好みの文字色);
}
#box2 a {
    color: (お好みのリンクの文字色);
}

左側コンテンツの外側の背景色を変更したい

下記のスタイルシートを追加で割り当てることで変更できます。

#blog-title,
.header-image-enable #blog-title,
#wrapper,
#footer {
    background-color: (お好きな色);
}

(スタイルシートセレクタは今後のアップデートで変更する可能性があります。もし変更の必要がありましたら、随時お知らせします。)

ヘッダーとフッターの背景色を変更したい

下記のスタイルシートを追加で割り当てることで変更できます。

#blog-title-inner,
#footer-inner {
    background-color: (お好きな色);
}

ヘッダーは #blog-title-inner 、フッターは #footer-inner になります。個別に変更したい場合はそれぞれに対応したセレクターのCSSを記述しましょう。

/* ヘッダーにのみ白色の背景を適用する場合 */
#blog-title-inner {
    background-color: #fff;
}