wordpress

PCメニューでマウスホバーの背景色を変える方法

マウスホバー時の背景色は CSS に追記して変更します。

WordPress の管理画面から 「外観」 → 「カスタマイズ」 → 「追加CSS」 をクリックします。

追加CSS 画面にて、次のコードを追記します。

header .smanone ul.menu li a:hover{
	background-color:#fff;
	color:#38b48b;
}

「#fff #38b48b」 は任意のカラーコードに変更してください。

ヘッダーメニューに区切り線を表示

 両脇に区切り線を追加する
 header .smanone ul.menu li{
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
 }

 真ん中あたりが線が重なって太くなっています
 header .smanone ul.menu li + li{
 border-left: none;
 }

 右側に縦線を追加する

 header .smanone ul.menu li:last-child{
 border-right:1px solid #fff;
 }

-wordpress

PAGE TOP