WordPressの「Lightning」で現在いるページに対応するメニューの色を変える

(備忘録程度のまとめ方にしております)

1.メニューの色を変える。


ul.gMenu > li.current-menu-ancestor > a,
ul.gMenu > li.current-menu-item > a,
ul.gMenu > li.current-menu-parent > a,
ul.gMenu > li.current-post-ancestor > a,
ul.gMenu > li.current_page_ancestor > a,
ul.gMenu > li.current_page_parent > a,
ul.gMenu > li > a:hover:after {
background-color: #E0EFFF;
}

 

2.ついでにボックスの下の色を変える。


.gMenu > li::before{
 border-bottom:2px darkblue solid;
}

 

3.ついでにオンマウスにした時の色を変える。


.gMenu>li>ul.sub-menu {
 background-color:#003399;
}