While working on upgrading another author’s site this morning I stumbled across a .. neat feature of wp_list_pages.   

It turns out wp_list_pages keeps track of what page you’re currently on when dynamically creating the menubar items and adds an extra CSS styling class to it called ” current_page_item ” ..

Now what’s cool about that is the fact that now that we know there’s a specific class element for what the current page is we can use it to change the visual behavior of the menubar!

#menu current_page_item a, #menu li.current_page_item a {
    background:#fff;
    font-weight:bold;
    color: #000;
}

In the style.css place that line just below the CSS element set: #menu li:hover, #menu li.sfhover

And it will (whatever you set the colorations to) be active for whatever page your currently on.  Of course you will need to have to tweak it a little, for example if you have subpages it’s best not to use the background: element else it bleeds down (unless you re-affix the other CSS to re-establish the background: element itself).

Like for example to stop the bleeding reattribute the background: code to the sub menu CSS in various places, here’s one:

#menu li li a {
    background: #000;
}

– Phil (Frumph)