how would I make the categories expand?

I still havn't figured out how to change the font of just the top catagories.

looking at the code that is outputted,

Code:

---

<li class="cat-top"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374">CAMERAS</a>
<ul id="catGroup2374_2439">
  <li class="cat-subs"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374_2439">Accessories</a></li>
  <li class="cat-subs"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374_2446">Camera Lenses</a></li>

  <li class="cat-subs"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374_2375">Digital camera</a></li>
  <li class="cat-subs"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374_2461">Digital photo frame</a></li>
  <li class="cat-subs"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374_2597">Flash</a></li>
  <li class="cat-subs"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374_2523">Memory cards</a></li>

---

The first li doesn't seem to be closed?

Code:

---

<li class="cat-top"><a class="cat-not-selected-text" href="http://lowpricedhardware.ie/index.php?main_page=index&amp;cPath=2374">CAMERAS</a>
<ul id="catGroup2374_2439">
  <li class="cat-subs">

---

so the sub cats get their style from the first

Code:

---

<li class="cat-top">

---

?

The first <li> in your snippet encloses the whole subcat list. This is a discussion better continued in the Categories Dressing support thread.

In general, you style outer or generic elements, and then style inner or more specific elements if you want them different.

Ok thanks again for all your help. It's very appriciated.

One thing I'm still trying to figure out is how to make a link at the top of the catagories that replaces the "catagories" text when on anything other than the main page that says something like "browse all catagories" or something like that.

You can add an HTML link to each category description for that. Just copy the same bit into each category.

Thanks again. One final configuration would make things pretty much perfect, but is probably not possible.

But, would it be possible for say to have all the categories explanded to the first subcat level. But when anyone clicks on the link of a cat. or subcat, for that whole cat and subcat to move to the top of the cats/subcats......as if it's sort order was 1 and the rest were higher than that, until they click on a cat/subcat of one of the other cats, which would then move to the top..

I'm not sure that's a good idea, moving items around in the menu so the order is not consistent.

Since there is a class tag for the current category, it would be possible to use absolute and relative positioning on various elements and make a selected category move to the top of its parent's subcat list. That would probably require leaving a blank space at the top when no subcat has been selected, as you can't style an element based on conditions of a child element.