styling the activelink

Hi
i have read the documentation http://www.modxcms.com/adding-snippets.html.
I just want to have a border under each menu item to indicate that this is the page that they are on.
i know the css for this is pretty simple
border-bottom: 4px solid #FFAA00;


but what exactly do I apply this style to in my css

cheers if you can help. my site is at http://www.ebugogo.dreamhosters.com/mod2/modx-0.9.5/ if you need to look.

Are you using Wayfinder? then add &hereclass=`hereclass` into Wayfinder call and add .hereclass into css file.

hope this helps.

please check my post below ..

cheers for the responses

re:zi thats what i thought it would be but that ain’t doing anything to my menu.

I am using wayfinder. where exactly do i put the &hereclass=`hereclass` into Wayfinder call. code below


<div id="divNavigation">
<!-- menu and other blocks goes here -->
[[MenuSnippet?id=`0`&activelink=`active`]]
<ul>
<li id="dropmenu">
[[Wayfinder? &startId=`0`]]

</li>
</ul>


</div>


cheers

Quote from: robwalsh at Jan 31, 2007, 07:04 AM

cheers for the responses

re:zi thats what i thought it would be but that ain’t doing anything to my menu.

I am using wayfinder. where exactly do i put the &hereclass=`hereclass` into Wayfinder call. code below


<div id="divNavigation">
<!-- menu and other blocks goes here -->
[[MenuSnippet?id=`0`&activelink=`active`]]
<ul>
<li id="dropmenu">
[[Wayfinder? &startId=`0`]]

</li>
</ul>


</div>


cheers

No need to add anything to Wayfinder call, just add the CSS rule into your css file.


hope it helps.

you are a legend.. cheers