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