Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Left side navigation buttons or background

Left side navigation buttons or background

Views: 902

Results 1 to 4 of 4
29 Jun 2011, 4:47 PM
#1
ivanna avatar

ivanna

Zen Follower

Join Date:
Jan 2011
Location:
Texas, USA
Posts:
171
Plugin Contributions:
0

Left side navigation buttons or background

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.
  2. can I make categories into buttons?

Thank you for your help.
Ivanna

29 Jun 2011, 6:48 PM
#3
ivanna avatar

ivanna

Zen Follower

Join Date:
Jan 2011
Location:
Texas, USA
Posts:
171
Plugin Contributions:
0

Re: Left side navigation buttons or background

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

thank you
Ivanna

29 Jun 2011, 9:19 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Left side navigation buttons or background

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.