Forums

CSS styling for "selected" page on AutoNav?

Permalink
Is there a way, using the AutoNav, to show the user what page he or she is on?

In other words, can I automate the nav somehow so that when the user is on one page, the page title in the nav list is a different color?

Thanks for any guidance!
stephmars
 
stephmars replied on at Permalink Reply
stephmars
I found this page:http://www.concrete5.org/documentation/how-tos/primer-auto-nav-bloc...

With this info on it, which is helpful:

A few classes of note:

* ul.nav
The outer UL tag gets the "nav" class in the stock Auto-Nav template.
* ul.nav-header
The outer UL tag in the "Header Menu" custom template.
* li.nav-path-selected, a.nav-path-selected
These classes apply to any nodes that contain the current page, from the top on down.
* li.nav-selected, a.nav-selected
These classes apply to the LI and A tags for the currently active page.


Any other tips are welcome!
DavidMIRV replied on at Permalink Best Answer Reply
DavidMIRV
.nav-selected I believe is the class that is assigned to the current page
stephmars replied on at Permalink Reply
stephmars
This works! Thank you!