The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

WordPress theme Active page help

# June 4, 2013 at 6:04 am

code in next post -_-

# June 4, 2013 at 6:05 am

here is the codepen link to my header.php file

# June 4, 2013 at 12:57 pm

This reply has been reported for inappropriate content.

Not quite sure what you’re looking to accomplish functionality wise, but I’d recommend using wp_nav_menu() for your navigation. The old exclude rodeo from wp_list_pages makes me cringe every time I see it.

TutsPlus – Function Overview

WP Codex – Function Reference

# June 5, 2013 at 7:55 am

What i want is that When Home page is open the “Home” option in navigation bar should be highlighted
when Contact page is open the “Contact” option should be highlighted

# June 5, 2013 at 8:07 am

Hi @iamRDM

To get this to work with my [website]( “”), I had to add a class to my CSS file called;

`current_page_item` and add the styles within this, I however used the Starkers Barebones theme.

Hope this helps…

# June 5, 2013 at 4:32 pm

Watson is right, wordpress adds a default class “current_page_item” to the current page, So you can write your css for it.

# June 7, 2013 at 5:00 am

Thanks for the Help guys. It worked :)

# June 7, 2013 at 5:03 am

Good to hear :)

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed