Left side navigation buttons or background

[Ivanna]

Hello,
I am using barebones template.

My original website has navigation on the left side with each item has a background - something like a button. Because navigation is a list I can make background color on the "li a" element and display as block.I also pad to move items away from each other.

I try to make my zencart site the same but the left navigation is not a list.It is only a div with "a" elements inside. The "a" also has class of category-top which I cannot find in CSS.

My questions are this:
1. if class category-top is not define anywhere else I can use it, yes?
2.If I cannot use it, I will create new class but where do I put the link for it to be pick up every time a new category is added to the side navigation.
3. can I make categories into buttons?

Thank you for your help.
Ivanna

[stevesh]

You can add category-top (or any other class or id) to the stylesheet.

This will change the category listing to an unordered list, if that's easier:

http://www.zen-cart.com/index.php?ma...oducts_id=1307

[Ivanna]

That worked. Now zen cart already begins to look like my site but I still have a very long way to go.

thank you
Ivanna

[gjh42]

Note that that mod puts all categories, top and subs, into one list with no sublists for subcategories, so you cannot treat the whole <li> differently for top and subs. Categories Dressing, and the CSS Flyout Menu, build correctly nested lists that can be styled more accurately.

For question 3, Categories Dressing has the ability to substitute images for category names, and can also use background images that change on hover.