WordPressの子テーマを設定したことにより、デザインをある程度自由にする事が可能になった。

よって、今まで気になっていたメニューのホバー色を変更したと思った。

なぜなら、デフォルトでのホバー色が薄い灰色で、わかりにくく、本HPの基調色は緑なので、その色に合わせたいと思っていた。

旧ホバー色

 

よって、子テーマに下記を追加することにより、メニューのホバー色を変更した。

#gMenu .menu li > a:hover { background-color:#e6ffe6; }

※「#e6ffe6」の部分を好きな色の数値に変更すれば良い

※「カラーコード」を検索してくれれば、好きな色のカラーコードは入手可能

 

変更後のホバー色は薄緑になり、本HPの基調色とマッチングしており満足である。

新ホバー

今後も、楽しみながらデザイン変更をしていきたい。