Highlight "Active Page"

pabloconrad

Pretty much done with my Wordpress hosted blog (http://blog.paulconrad.photography/) and making it look seamless with my Smug.

The Wordpress CSS I'm working out and tweeking little things such as "Blog" in the navbar is italicized not my color, and the drop downs need to move to the right a few pixels to match Smug.

But My question is: How do I highlight the active link in the menu? "About Me," "Contact," and "Search" I want highlighted with a different color (#ce5foo) and shadows if possible.

I thought I had the code, but apparently I don't.

Thanks in advance.

pabloconrad

Clarification
I should clarify I'm looking at doing this to my Smug site.

Sorry for the confusion.

Hikin' Mike

Looks like Smugmug doesn't do that, and I can't find a way to do that without creating a custom menu/nav. That's what I did. I used my Wordpress menu and created a HTML/CSS block on my header. Since the only thing that I use on my SM site is my 'Portfolio' page, I added a 'class="portfolio"' in my menu. I had to add the 'specific page, or 'node':

This is just a small portion of my HTML and CSS header...
HTML
[html]
...
<nav id="menu-primary" class="menu" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement"&gt;

<li><a href="/Portfolio/" class="portfolio">Portfolio</a>
...
[/html]

CSS

...
.sm-page-node-6f35D #menu-primary li a.portfolio {
    color: #ede7d0;
    }    
...

leftquark

I've got this feature on my customizations page here: http://www.aaronmphotography.com/Customizations/Navbar/Emphasize-Active-Page

Hikin' Mike

leftquark wrote: »

I've got this feature on my customizations page here: http://www.aaronmphotography.com/Customizations/Navbar/Emphasize-Active-Page

Good to know!

pabloconrad

Thank you Aaron and Mike!!

Very much appreciated!!!