CSSでブログタイトルの文字色を変更する方法
独自レイアウトでテンプレートを作成し、見出し項目の「見出し1」に背景を指定している方は多いと思います。
ブログ記事のタイトルは「見出し1」で表示されるので、タイトルがリンク色で表示され背景との色合いで、文字が見えない。なんてことが起こりえます。
今回は、ブログタイトルの文字色を変更する方法を紹介します。
設定方法
まずは、「ブログ表示」項目で表示されるブログタイトルの文字色の変更から。
管理メニュー > レイアウト > 独自レイアウト > CSSより
「ブログ表示」項目で表示されるブログタイトルの文字色を変更するCSS
.blogselection h1 a { color: 文字色; }
次にブログ記事単体のページのブログタイトルの文字色を変更しましょう。
管理メニュー > レイアウト > 独自レイアウト > CSSより
ブログ記事単体のページのブログタイトルの文字色を変更するCSS
.cc-page-blog h1 a { color: 文字色; }
それぞれ、デザインに併せて文字色を指定してください。
最後までお読みいただきありがとうございます!いかがでしたか?
このページが参考になったら、ぜひ左のボタンでFacebookかTwitterにシェアしていただけると嬉しいです!
押してくれたらもっとこうしんするぴ!