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

1時間で1万円分のAmazonギフト券を確実にゲットする方法


現在、ITトレンドで普段お使いのWeb会議やチャットツール等の業務システムのレビューをするだけで1レビューにつき1,000円分のAmazonギフト券が必ず貰えるキャンペーンをやっています。

筆者も10個のレビューを書き1時間以内に1万円分のAmazonギフト券をゲットしました。

予算が無くなり次第終了となると思われるので早めにITトレンドレビュー投稿フォームにレビューを書いてAmazonギフト券1万円分をゲットしましょう。詳細は以下のリンクよりご確認ください。

ITトレンド公式サイト Amazonギフト券プレゼントキャンペーンの説明へ

会社のパソコンかつ業務時間中により回答できないという方は、以下QRコードでレビューの説明記事のリンクをスマホに飛ばしておきましょう。レビューの手順と確実にゲットするための注意事項等を纏めてあります。

ITトレンドにレビューを書いてAmazonギフト券1万円分を1時間で誰でも簡単にゲットする方法
ITトレンドにレビューを書いてAmazonギフト券1万円分を1時間で誰でも簡単にゲットする方法