ITフリーランス向け業務委託案件の紹介サービス「ココナラ」詳細はこちら

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になっていますね、見やすいです。

ここ最近、筆者は仕事と子育てに追われています。その中で、学びをスケジュールに組み込むために、Amazonが提供する本を聴くことができるサービス「Audible」を使い始めました。旅行や家事や運動、お風呂の時間などに本を取り入れることで、知識欲を満たすことができています。2カ月間無料で利用できますので試してみてはいかがでしょうか。

コメント

コメント一覧 (1件)

コメントする

目次