AFFINGER6　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;
　 }

PAGE TOP