シンプルなデザインでWordPressの人気テーマであるXeory Baseですが、
全体的に青いデザインであるのにも関わらずタイトルのマウスホバー時の色だけ赤いのが少し気になったので、青に統一してみました。
デフォルトではマウスホバー色が赤
Xeory Baseは、青を基調とした非常にスタイリッシュなデザインが特徴のテーマです(設定でベースカラーを緑やオレンジに変えることもできます)。
![Xeory Baseは青を基調としたスタイリッシュなデザインが特徴](http://keikomizuno.com/wp-content/uploads/2020/06/図7.png)
しかし、デフォルトのままだとなぜかタイトルのマウスホバー時の色だけ赤です。
![デフォルトのままだとなぜかタイトルのマウスホバー時の色が赤](http://keikomizuno.com/wp-content/uploads/2020/06/図8.png)
青に統一したい
他の部分と同様にマウスホバー時の色も青にしたくなりました。
そこで、カスタマイズ→追加CSSに
![](http://keikomizuno.com/wp-content/uploads/2020/06/図9.png)
.post-title a:hover {
color: #2581c4;
text-decoration: none;
}
.post-cta .btn:hover {
text-decoration: none;
background: #2581c4;
}
![](http://keikomizuno.com/wp-content/uploads/2020/06/図10.png)
と書くと、
![](http://keikomizuno.com/wp-content/uploads/2020/06/図11.png)
うまく青になりました。
コメント