how to make the active link highlighted

  • Resolved digitalbowaba

    (@digitalbowaba)


    3 years, 1 month ago

    Hi, I tried using custom css to style the menu bar, but I cant get the active page to highlighted with yellow. how do I do that?

    Also, if I hover on a page, I want the whole line background to change to yellow. how do I do that too?

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor OnPoint Plugins

    (@onpointplugins)

    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!

    Thread Starter digitalbowaba

    (@digitalbowaba)

    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.

    Plugin Contributor OnPoint Plugins

    (@onpointplugins)

    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!

    Thread Starter digitalbowaba

    (@digitalbowaba)

    Thank you Too Much!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘how to make the active link highlighted’ is closed to new replies.