HI Digitalbowaba,
Information on styling the current page may be found in the FAQ.
Building on the examples in the FAQ, you may turn you link yellow like so:
.advanced-sidebar-menu li.current-cat a,
.advanced-sidebar-menu li.current_page_item a {
color: yellow;
}
.advanced-sidebar-menu li.current-cat > a:hover,
.advanced-sidebar-menu li.current_page_item > a:hover {
background: yellow;
color: black;
}
Have a great weekend!
Thank you for your support. but there are some pages where all the pages get highlighted. such as in this link https://kuwaituniversity.digitalbowaba.com/academic-parent/academics/ all links are highlight. whereas, in https://kuwaituniversity.digitalbowaba.com/about/welcome/ in works correctly. is there some kind of clash?
im using it as a global widget.
Hi Digitalbowaba,
It appears your CSS is targeting all a below the active item. You may adjust your CSS like so to target only the current level.
.sidebar li.current-cat > a, .sidebar li.current_page_item > a {
color: #F9D81D;
}
Have a great night!