WordPressテーマ THE THOR
別ブログのZMASAa.blogは、WordPressテーマ THE THOR（ザ・トール）を使って構築しています。
ZMASAa.blog│ガジェット好きのmasaaが情報発信する2nd WordPressブログサイト
wp.masaa.net
WordPressテーマ THE THOR（ザ・トール）の「関連記事のタイトル」に関するカスタマイズについてまとめてみました。
WordPressテーマ THE THOR アイキャッチ上のカテゴリー・タグ
WordPressテーマ THE THOR（ザ・トール）の「アイキャッチ上のカテゴリー・タグ」の表示は次の様になっています。
通常の表示で気になることはありません。
カテゴリー・タグ上にホバーすると、フォント太さが小さくなりアンダーラインが表示されてしまいます。
今回「アイキャッチ上のカテゴリー・タグ」のホバー時を改善するカスタマイズを行ってみました。
アイキャッチ上のカテゴリー・タグのカスタマイズ
「アイキャッチ上のカテゴリー・タグ」のカスタマイズを行います。
カスタマイズ内容
「関連記事のタイトル」のカスタマイズは、下記の通りです。
このカスタマイズ内容をthe-thor-childフォルダ内の「スタイルシート(style-user.css)」に追記します。
/************************************
** ■アイキャッチ上のカテゴリー・タグのホバー時カスタマイズ
************************************/
.dateList.dateList-main a:hover{
font-weight: 700; /*フォント太さ*/
text-decoration:none; /*装飾無し*/
}
カスタマイズ後のアイキャッチ上のカテゴリー・タグ
今回の「アイキャッチ上のカテゴリー・タグ」のカスタマイズによって、「アイキャッチ上のカテゴリー・タグ」のホバー時の表示は次の様になりました。
フォント太さがホバー時有無に拘わらず同じフォント太さとなり、アンダーラインを表示させないようにしました。
最後に
アイキャッチ上のカテゴリー・タグのフォントサイズは小さいので、あまり気にならないレベルなのですが、違和感が無くなりスッキリすることができました。
コメント