CSSでブログタイトルの文字色を変更する方法

独自レイアウトでテンプレートを作成し、見出し項目の「見出し1」に背景を指定している方は多いと思います。

ブログ記事のタイトルは「見出し1」で表示されるので、タイトルがリンク色で表示され背景との色合いで、文字が見えない。なんてことが起こりえます。

今回は、ブログタイトルの文字色を変更する方法を紹介します。

設定方法

まずは、「ブログ表示」項目で表示されるブログタイトルの文字色の変更から。

管理メニュー > レイアウト > 独自レイアウト > CSSより

「ブログ表示」項目で表示されるブログタイトルの文字色を変更するCSS

.blogselection h1 a { color: 文字色; }

次にブログ記事単体のページのブログタイトルの文字色を変更しましょう。

管理メニュー > レイアウト > 独自レイアウト > CSSより

ブログ記事単体のページのブログタイトルの文字色を変更するCSS

.cc-page-blog h1 a { color: 文字色; }

それぞれ、デザインに併せて文字色を指定してください。

 最後までお読みいただきありがとうございます!いかがでしたか?

このページが参考になったら、ぜひ左のボタンでFacebookかTwitterにシェアしていただけると嬉しいです!

押してくれたらもっとこうしんするぴ!