WPテーマのHuemanで見出しが薄い（灰色）んだけど、、、その理由と解消方法

このサイトはHumena Pro を使っています。洗練されたデザインでカスタマイズも容易でレスポンスも良いので大変気に入っています。ただ、一点残念な点として見出しのフォント色を指定しても、何故か灰色になってしまう事象がありました。その解消方法を解説します。

灰色ってどんなん

デフォルトでは見出しの色を黒などに強制的に指定しても、どうしても灰色になってしまいます。英語ならOKかもしれませんが、日本語だと見にくいんですね。

コードを見てみる

chromeでF12を押すとサイトのコードを見ることができますので確認してみました。

.entry h(1～6) span　のフォント色が #bbb　となっていることが分かります。
そして<span>タグで見出しが囲まれているので、灰色になっているよです。記事内のCSSだけ<span>で囲まれているので、製作者が意図的にデザインしているように感じられます。UIで変更ができたらいいんですが、出来ません。

解消方法

仕方がないので、追加CSSにて [.entry h(1～6) span] の色を指定しました。このサイトではh3とh4しか利用していないので、h3とh4のみ指定しています。

解消したか見てみよう

指定した#222222になっていますね、見やすいです。