Greetings,

I am just starting to play around with modifying my Zen cart (yes, I created my own custom template; I did not modify the default or classic) and am having trouble modifying the appearance of the category links in the category sidebox. I am new to Zen, CSS, and PHP, but I know enough of CSS and PHP to be dangerous (my background is in C). I am still learning how the different Zen files fit together.

I found the tpl_category.php file, and see that the category html is created with 3 different classes: category-top, category-products, and category-subs. If I try to change the appearance of them with the following CSS, no changes occur.

a.category-products {
display: block;
margin: 0px;
padding: 0px;
color: white;
background-color: purple;
text-align: center;
width: 130px;
}

If I follow the comments in tpl_categories.php and add a new class to make a specific category standout, it works. I can use the following CSS to make the color change on hover:

a.category-holiday:visited, a.category-holiday:link{
display: block;
margin: 0px;
padding: 0px;
color: white;
background-color: purple;
text-align: center;
width: 130px;
}

a.category-holiday:hover{
display: block;
margin: 0px;
padding: 0px;
color: white;
background-color: green;
text-align: center;
width: 130px;
}

I don't get why I am able to modify my custom class appearance in categories but not the standard class appearance. Could it be a hierarchy issue in the CSS? I searched through my CSS file and the default files for any references to the three default classes but didn't find anything. I am able to modify all in all side boxes through class "sideBoxContent" (tpl_categories content is wrapped in a div container with class "sideBoxContent"), so I don't see how it could be a hierarchy issue.

All help is appreciated.

Thanks,
Tobyn