Grow your CSS skills. Land your dream job.

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

http://codepen.io/iamrdm/pen/sfykA

# June 4, 2013 at 12:57 pm

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](http://wp.tutsplus.com/tutorials/creative-coding/function-examination-wp_nav_menu/ “TutsPlus – Function Overview”)

[WP Codex – Function Reference](http://codex.wordpress.org/Function_Reference/wp_nav_menu “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](http://stevenwatson.co.uk/about “”), 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.

*May or may not contain any actual "CSS" or "Tricks".