Alta Alley
Member
We are using pages as our main navigation in a modified Thematic theme here: http://www.smarttripseugene.com/
Our client is wondering if there is a way to highlight just one of these navigation pages. I'm struggling even finding where the thematic_navigation_above() function is located and I'm totally lost.
Any help is appreciated. If you need any additional code I'm happy to provide it.
you need
.current_page_item, .current_menu_item { background: pink; }
or something similar in your style.css
Alta Alley
Member
Thanks. This is intended for the background of the tab you're currently in correct? We actually want to highlight a particular tab consistently.
Also, in either case, where do I look to find out what my menu items are actually called? If that didn't make sense let me explain.
The theme we are using was built on Thematic but designed by a whole different person/company. I stuck in .current_page_item didn't work, nor did .current_menu_item in a quick test but I'm having trouble finding where to look to figure out what would be right, since these aren't.
sounds like you need to http://getfirebug.com in the worst way. or i also use chrome's built-in developer tools. w/ either you can point around and see what CSS is applying to places... it also helps you quickly find the ID and Class names of elements... or you could do that by viewing the source.
each menu item has a unique class (as long as the menu was autogenerated by WP in some way)
for example
<li class="page_item page-item-2"><a href="http://www.smarttripseugene.com/about" title="About">About</a></li>see that page-item-2 class? you can use it to target that item specifically
Alta Alley
Member
Great tips. I should be able to figure it out now hopefully. Thank you!
This topic has been closed to new replies.