Categories Dressing

Code:

---

#categories ul ul a {/*subcategories*/
    display: block;
    background: transparent url(../images/bullet1.gif) no-repeat scroll 0 1.3em;
    border: none;
    margin: 0 0 0 15px;
    padding: 10px 0 0 12px;
    }

---

There's your 15 pixels...

Perfect, fixed it. I think it's almost done!

I think this is the very last thing... If I click on a main category, and wait until the screen changes to show the front page of that category, the cat menu item doesn't appear to be formatted at all. I'll send you a page to see if you can see what I'm talking about.

Any chance you can help me with this last thing? I'm so glad to have this almost done!

KismetDesign

http://tinyurl.com/qn55fp

The best way for you to get the results you want is to drastically simplify your stylesheet_categories_dressing. You want all subcats in all cases to look the same as top cats except indented 13px. Get rid of (delete or comment out) the styling rules for particular cases, like
#categories li a.cat-parent-text {
and
#categories li a.cat-selected-text {
and even
#categories ul ul a {

The remaining rules

Code:

---

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    margin: 0 0 0 0px;
    padding: 0;
    }       

#categories ul a {/*top categories*/
    display: block;
    background: transparent url(../images/bullet1.gif) no-repeat scroll 0 0 0 6px;
    border: none;
    margin: 0 0 0 15px;
    padding: 0 0 9px 13px;

    }

---

will take the entire cat styling load, and #categories ul ul { will be shortened to just

Code:

---

#categories ul ul {/*subcategory lists*/
    margin: 0 0 0 13px;
    }

---

You can even simplify further and use this

Code:

---

#categories ul {/*top category lists*/
    list-style: none;
    background: none;
    margin: 0 0 0 13px;
    padding: 0;
    }       

#categories ul a {/*top categories*/
    display: block;
    background: transparent url(../images/bullet1.gif) no-repeat scroll 0 0 0 6px;
    border: none;
    margin: 0 0 0 0px;
    padding: 0 0 9px 13px;
    }

---

adding

#categoriesContent {padding: 0 0 0 2px;}

if the initial 15px is important to you.

Tested on your site and works.

When you say you tested on my site... are you using Firebug to do this? Just curious... since I spend most of my time with one screen open in Dreamweaver, and another one open to a browser. Whatever you're doing might save me a whole lot of time...

Thank you, it looks great now. Very good. :yes:

Yes, I used Firebug. If background images are not involved, I often use Web Developer's Edit CSS, which I find a bit more convenient, but both work fine with different strong points.
One thing with either of those is that there will be a good chunk of the window taken up with the edit screen, so there is not a full view of the page being worked on. That would sometimes be an advantage of an external program, being able to see the whole page at once.

I installed categories dressing, but just removed sideboxes/tpl_categories.php from my template folder because I didn't think it could do what I am looking for, so what I have is a question right now, not a problem ------- The site is http://peterfasano.com/zen/ and I happen to be using another one of Glenn's Add-Ons - Additional Image Titles, it is great. What I've done as far as categories go in the side box here is I've added .category-top {display:none;} to the stylesheet because I didn't want all the top category names appearing, only the sub categories for whatever category you are in.... Now, I think it may be too ambiguous as to what category you are in, so my questions are ----
Can Categories Dressing just display a heading or the name of the current top category only? Along with that I would change the subcategory names to include the top category, but then use images in place of the names for the sub categories, is that possible? Specifically, I want it to be clear that you are in either the Fabrics or the Wallcoverings category, but I don't want the other top categories to show up.

Thanks, Helen

I've answered my own question... and Glenn I apologize, I had already asked a similar question a couple of months ago, this site has been evolving.... I am able to do what I want to do by using Categories Dressing.... however I want to be selective, only two of the three categories I have set up should show the top level category, on this site As Seen In shouldn't I don't know what to do about that for now.... Helen

hey glenn, long time no talk to!! hope you are well.

i am trying to set up categories dressing for a friend of mine who is also on zencart. we created a backup zencart in a new folder called catalog1 so that we could test changes without affecting the 'real' site.

main site is www.mojoleather.com
test site is www.mojoleather.com/catalog1

you will note when you bring up /catalog1 that the page is not loading entirely. this only happens when i use the categories dressing file tpl_categories.php. i can upload all the categories dressing files and change the tpl_categories.php file back to the main zencart template file and the page will load normally... however when the modified tpl_categories.php file is in place, the page stops loading after the header.

any suggestions on what might be the conflict? i also have loaded the tpl_categories.php file from MY site (www.customk9design.com) which KNOW is working... in case there was an update that had messed it up... however it still doesnt work.

i look forward to your input. thanks!

-ginny

It's me again.... LOL! :D

I noticed a few days after we made the last round of changes, that on my left side column, the arrows don't line up under the bullet point like they do on the right side.

Is there any way I can get those arrows to move over so everything is lines up in both the right and left side?

Still really loving this menu, thank you so much. :clap:

KismetDesign