Gush2のデフォルトテーマでは、個別記事下にカテゴリーとタグが表示されています。
（タグのマークはカスタマイズにより入れました。→Gush2カスタマイズ カテゴリとタグを区別しやすくしてみた）
カテゴリーとタグの色を、h2タグやh3タグのカラーに合わせたかったので、カスタマイズしてみました。
Gush2テーマでカテゴリーとタグの色を変更する方法
カテゴリーとタグの色は、style.cssを編集する事で変更する事が出来ます。
style.cssの記述は以下になります。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | /*-------------------------------------- カテゴリー・タグ --------------------------------------*/ #cat_tag { margin:48px0; padding:0012px0; text-align:left; word-break:keep-all; line-height:1em; } #cat_tag a { color:#666; background-color:#fff; margin:00.2em0.5em0; padding:0.5em; border-radius:5px; text-decoration:none; line-height:1em; display:inline-block; border:1pxsolid#888; } #cat_tag a:hover { color:#ff7ddf; } |
これを、以下のように変更しました。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | /*-------------------------------------- カテゴリー・タグ --------------------------------------*/ #cat_tag { margin:48px0; padding:0012px0; text-align:left; word-break:keep-all; line-height:1em; } #cat_tag a { color:#fff; background-color:#0D70EC; margin:00.2em0.5em0; padding:0.5em; border-radius:5px; text-decoration:none; line-height:1em; display:inline-block; border:1pxsolid#0D70EC; } #cat_tag a:hover { color:#191970; } |
すると、プレビューは以下のようになりました。
h2やh3などの色に合わせてカテゴリとタグの色も変更してみました。
コメント