Categories Dressing

It's live right now, probably for another 30 minutes (til 1:50ish AM ET) while I work on a separate issue.

www.thenutritionshoppe.net/shop

Thank you!

Found the problem that was causing that rule to not function: you are missing a */ on a comment, so the last section of the file was being ignored.


/*example for custom category group styling
ul#catGroup1 {
background: #bbeeff;
display: inline;
list-style-type: none;
border: thin solid #00FF00;
}
/*add new rule*/
ul#catGroup1 li.cat-top, ul#catGroup1 li.cat-top>a {display: inline;}

Actually, I had commented that out for troubleshooting. Sorry. The comment closed below there. I've reactivated it, but it's as stubborn as before.

Note: the box for the group does appear to open before A and close after Z but nothing appears to be contained within it.

(Looks like I'll keep it up for about another 25 minutes, til 2:40ish)

It worked when I tested it on your site...

Then I'm missing something still. I'll try again. But what I'm getting is still a tall, narrow list, not anything that appears "inline" UNLESS the "box"/block it's in is too narrow to allow multiple items side by side.

I got it! I had a couple issues: stray character to start was making the inline fail for me. (I-D-10-T error here.) Then with "inline" for display for both the ul and the li (instead of "block" for the ul), it was causing the formatting to be hidden.

Thank you so much for your help!

Hi, I've been working on my new clothing site today and im trying to make two category boxes, for male and female clothing. I set up the first box okay with images for each category, I set up the second box using the DocumentCategories method but when setting the images this just made two of each category, one in each box, with only the first box showing images and the second showing plain text. Any idea what i'd have to do to make the certain category images only show in the DocumentCategory box? Sorry if this has been asked. Thanks :smile:

I always hoped I'd be the one with answers and not questions, but I think I overlooked something. In short, I've used Category Dressing before and now I want to use it with the flyout based menu.

I'm using the CSS update tip from post #1608, #1709, and #1710, but all I'm seeing are the two initial category headers I created and none of the sub-categories.

I always post when I've exhausted my own abilities and research, but can someone tell me where I messed up? I'm wondering if there's a missing file, CSS conflict, tpl_category screwup or something else I just can't see.

The Test Site:
order dot smimotorsports dot com

Hi, I've managed to get my categories into the right boxes but now I just need a way of changing each category in the Documents Category to an image. Any ideas? Thanks :smile:

sportbiker - the current version of the flyout code works correctly on your site:

Code:

---

#chcategories li>ul {display: none;}

#chcategories li:hover {position: relative;}

#chcategories li:hover>ul {
    display: block;
    position: absolute;
    left: 98%;
    top: 0;
    background: #ffffff;
    border: 1px solid #aabbcc;
    z-index: 100;
    width: 98%;
    }

---

Your rules are from a very specific case of flyout styling, and are too specific for universal functioning. They apply only to sub-subcategories.

Code:

---


/*add these rules*/
#chcategories ul ul ul {/*subcategory lists*/
    display: none;
    }

#chcategories ul ul li:hover {position: relative;}

#chcategories ul ul li:hover>ul {/*subcategory lists*/
    display: block;
    width: 95%;
    position: absolute;
    left: 95%;
    top: 0;
    border: 1px solid #6699dd;
    }

---