how to make SELECTED LINK in ezpage sidebox stands out

[keenskin]

Hi, this is what I want to achieve.
If one of the links in ezpage sidebox is selected or clicked, then the selected link should stand out. i.e. different font color or size. I could see it works for category box, but not other for other sidebox. Please help if someone knows how to do this.
thanks

[dbltoe]

There are too many combinations of ways that Zen can be put together to tell you how to do something without seeing the site.

You can get a copy of Firefox with the firebug add-on if you want to look at the page yourself.

[keenskin]

thanks dbltoe
hope I can find a way to do it

[dbltoe]

So, you are unable to give us a link to the site?

[keenskin]

I can't find a way

here is line to my site.
http://homeimproveonline.com/eleotin/

there is a category side box and help centers sidebox on left column.
if you click one of the link under category, i.e Diabetes, the font color change to orange, but non of links under hep centers work that way.

Please help!

[keenskin]

can anyone knows how to make this possible?

[dbltoe]

There's no distinction in the layout for ezpages between the selected and not selected listings. In the Categories, the id changes from not-selected to selected based on the user's click.
You can try adding at the end of the stylesheet

.ezboxmode ul li a.selected {
color: #FF6600;
} 

The real question is which of the eight stylesheets you would use.

[keenskin]

I added the css code above, but still no success.
this is what I did for my tpl.ezpage.php
<?php
/**
* Side Box Template
*
* @package templateSystem
* @copyright Copyright 2003-2005 Zen Cart Development Team
* @copyright Portions Copyright 2003 osCommerce
* @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
* @version $Id: tpl_ezpages.php 2982 2006-02-07 07:56:41Z birdbrain $
*/
$content = "";
$content .= '<div id="' . str_replace('_', '-', $box_id . 'Content') . '" class="sideBoxContent">';
$content .= "\n" . '<ul class="ezboxmode">' . "\n";
for ($i=1, $n=sizeof($var_linksList); $i<=$n; $i++) {
$content .= '<li><a href="' . $var_linksList[$i]['link'] . '">' . $var_linksList[$i]['name'] . '</a></li><div id="line"></div>' . "\n" ;
} // end FOR loop
$content .= '</ul>' . "\n";
$content .= '</div>';
?>

------------------------------------------------------------------------------------
and for my stylesheet.css

.ezboxmode {
margin: 0;
padding: 0;
list-style-type: none;
}

.ezboxmode ul li a.selected {
color: #FF6600;
}

I assume many people will need this small change, but couldn't find any post related to this. Please help if anyone knows how. thanks

[keenskin]

anyone knows how to do this?
thanks.

[keenskin]

I still serching for the answer. anyone knows how to make this possible?