THE THORWordPress

【THE THOR】アイキャッチ上のカテゴリー・タグのカスタマイズ

アイキャッチ画像 THE THOR(ザ・トール)
スポンサーリンク

WordPressテーマ THE THOR

別ブログのZMASAa.blogは、WordPressテーマ THE THOR(ザ・トール)を使って構築しています。

The main blog of masaa powered by WordPress.
スマホ、ガジェット、食玩などの記事をWordPressブログに毎日更新中!中の人はこれでもパパ。

WordPressテーマ THE THOR(ザ・トール)の「関連記事のタイトル」に関するカスタマイズについてまとめてみました。

WordPressテーマ THE THOR アイキャッチ上のカテゴリー・タグ

WordPressテーマ THE THOR(ザ・トール)の「アイキャッチ上のカテゴリー・タグ」の表示は次の様になっています。

【THE THOR】アイキャッチ上のカテゴリー・タグのカスタマイズ

通常の表示で気になることはありません。

カテゴリー・タグ上にホバーすると、フォント太さが小さくなりアンダーラインが表示されてしまいます。

【THE THOR】アイキャッチ上のカテゴリー・タグのカスタマイズ

 

【THE THOR】アイキャッチ上のカテゴリー・タグのカスタマイズ

今回「アイキャッチ上のカテゴリー・タグ」のホバー時を改善するカスタマイズを行ってみました。

アイキャッチ上のカテゴリー・タグのカスタマイズ

「アイキャッチ上のカテゴリー・タグ」のカスタマイズを行います。

カスタマイズ内容

「関連記事のタイトル」のカスタマイズは、下記の通りです。

このカスタマイズ内容をthe-thor-childフォルダ内の「スタイルシート(style-user.css)」に追記します。

/************************************
** ■アイキャッチ上のカテゴリー・タグのホバー時カスタマイズ
************************************/
.dateList.dateList-main a:hover{
	font-weight: 700; /*フォント太さ*/
	text-decoration:none; /*装飾無し*/
}

カスタマイズ後のアイキャッチ上のカテゴリー・タグ

今回の「アイキャッチ上のカテゴリー・タグ」のカスタマイズによって、「アイキャッチ上のカテゴリー・タグ」のホバー時の表示は次の様になりました。

【THE THOR】アイキャッチ上のカテゴリー・タグのカスタマイズ

 

【THE THOR】アイキャッチ上のカテゴリー・タグのカスタマイズ

フォント太さがホバー時有無に拘わらず同じフォント太さとなり、アンダーラインを表示させないようにしました。

最後に

アイキャッチ上のカテゴリー・タグのフォントサイズは小さいので、あまり気にならないレベルなのですが、違和感が無くなりスッキリすることができました。

コメント