Make link in topbar be bold, when active

Hi!
On my multisite i want to place a topper on our premium blogs. I have the topbar working, as you can see here: http://www.test8.bloggerspoint.dk, but i want the blog that the user is visiting to be <bold> in the topbar, or at least a thicker font weight. So when the user visits Test8, "TEST8" is bold in the topbar, and when the user visits Filip Grobgaard, "FILIP GROBGAARD" is bold in the topbar.
My full top bar code: http://pastebin.com/qk2FM1Js

Font and Javascript import, to get the topbar to work:
<!-- Typgography -->
<link target="_blank" href="http://fonts.googleapis.com/css?family=Lato:300,400,500" rel="stylesheet" type="text/css">

<!-- js -->
<script type="text/javascript" src="http://buzzamedia.com/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="http://buzzamedia.com/js/buzzabar.js"></script>

The topbar is the same as here: http://emiliblog.dk - so it is possible, i just can't see how..

  • calvinrogercanas
    • New Recruit

    Hi @Mathias,

    Thanks for reaching us.

    If you could make your menu in a wordpress way then it will be easy because the wordpress will add the classname .current-menu-item which we can easily style up like this:

    .current-menu-item {
    //style here
    }

    Let me know if it helps! :slight_smile:

    Kind Regards,
    Calvin

  • Tyler Postle
    • CGO

    Hey Mathias,

    Hope you're doing well today!

    You could get the link to keep it's :active state with some js, as seen here: http://stackoverflow.com/a/20343068

    So you would add this CSS to the active state:

    .category-inner > li:active {
    font-weight: bold;
    }

    Then the Js from that link to any of your js files:

    jQuery('li').click(function(){
       jQuery(this).toggleClass('active');
    });

    As for showing the right page of sites in the top bar, that I'm not too sure of - would require some more Js, above what I know :slight_frown: I would ask the developer of the plugin if you can.

    Let us know if you have any further questions :slight_smile:

    All the best,
    Tyler

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.