Sidebar focus link bold

  • i want to make the left sidebar link focus bold; i m trying this code but its not working
    /*Sidebar focus link bold*/
    .widget_nav_menu ul li.current-menu-item a {
    font-weight: bold;
    color: #1E90FF;
    }
    pls guide

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

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    To clarify: by “focus” did you mean links that are visited?

    If so, this should work:

    .widget_nav_menu ul li a:visited {
font-weight: bold;
color: #1E90FF;
}

    If you meant :focus meaning when it is selected/highlighted by tab button, this should work.

    .widget_nav_menu ul li a:visited {
font-weight: bold;
color: #1E90FF;
}

    .current-menu-item won’t work for your sidebar links because it’s seems like text widget with links you’ve manually created rather than an actual navigation widget with actual script that adds in .current-menu-item. If this is the functionality you want you’ll have to use the proper widget for it.

    Thread Starter zohaibkhan5

    (@zohaibkhan5)

    thank u for replying; here focus mean the link which is opened in the browser should be bold in the sidebar links; in other words the sidebar link should remain bold while the user is active on that link

    thank u for replying; here focus mean the link which is opened in the browser should be bold in the sidebar links; in other words the sidebar link should remain bold while the user is active on that link

    Ah then you’ll have to change the widget you’re using.

    I’ve inspected your site and it is indeed using text-widget.

    You should use “Navigation Menu” widget for your sidebar to have the necessary classes when it is the current page.

    • This reply was modified 3 years, 11 months ago by Elvin.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Sidebar focus link bold’ is closed to new replies.