Categories Dressing

Dear all,
After applying Categories Dressing I see all the <li> in front of all categories and subcategories names, please, advise me, how to remove them !

Thank you.

Tim

I tried to use

list-style:none;

everywhere in stylesheet_categories_dressing.css, but the problem remains ...

Post a URL link to your site. It's impossible to diagnose without being able to look.

Problem solved by uploading stylesheet_chcategories_dressing.css, thank limelites anyway !

Heyyy, glad you got that sorted, good luck with the next task :-)

I have another problem ... :)

I can add all non-linked "top categories headings" (with categories_dressing_defines.php), but original (linked) headings stay displayed. I can hide all these (linked) top categories, but if I do so, all my non-linked headings disappear too :D

I want non-linked headings, and linked headings not shown.

What do I have to do ? :)

Tim

You can make the non-linked headings belong to the first subcategory in each group, instead of belonging to the top categories. That will let you hide the top cats while still showing the headings.

Thank Glenn, for good idea.

I just made the change as you advised. Unfortunately, I can't eliminate the space (empty row) right over the first top-category (the one with cPath=1) (only with IE). It looks fine with Firefox.

Please, have a look at it: http://www.pacificphm.com/store

Tim

Can anyone please advise me how to change topcat names to linked images in CatTabs. I use cattabs for topcat and sidebar for all subcat. I can't seem to find option to replace image with text

tnx

Categories Dressing applies only to the sidebox, not to the cat-tabs menu. It would be possible to adapt some of the code for your purpose, but that is a subject for another thread.

Tim -
I don't see the problem you describe in IE6; what version are you using?
I do see odd green bands at the bottoms of cat groups, where there is whitespace in Firefox. This might be related to a bug I have found in the code which only shows up with your particular subcat layout: the outermost <li> is not closed. You can fix this by adding </li> to a line in /includes/functions/extra_functions/categories_dressing_functions.php:```php
function cat_ul_manage($current_path, &$prev_cat_depth, $new_group) {

// ... find line 69:
} elseif ($cat_depth < $prev_cat_depth) {//higher
$ul_content .= str_repeat('</li>' . "\n" . '</ul>',($prev_cat_depth - $cat_depth)) . ($new_group?'</li>' . "\n" . '</ul>' . ($cat_depth > 0? '</li>' . "\n" . ' <li>':"\n") . "\n" . '<ul' . $group_id . '>':'') . "\n";

</li>
to change the 
$group_id . '>':'') . "\n";
at the end of this line to
$group_id . '>':'</li>') . "\n";

Hi All,
Let me begin with - We have many categories.

So far I have this working pretty well but am having some trouble with sub-cats and sub-sub-cats. Not sure what they're really called.

Looks like we're calling them a.category-subs-text & a.category-products-text.

I have split my top cats into groups. So let's call the first group "group1". In group1 I have 3 subs, each sub has 2 subs. I would like the background-color to be yellow for all of these.

I can get the background color to change for each category individually but the subs and sub-subs are either all one color or nothing. Meaning that I cant seem to get the subs and sub-subs in group1 to be yellow and leave the other groups subs and sub-subs alone.

I hope I have not confused the help here. Please let me know a solution to this.

Thank you,
John

Got it. What's next? :cool:

lol

 case ($box_categories_array[$i]['path']== 'cPath=76_263'):
        $new_style = 'category-76263';
        break;
```Thanks guys,
                    John

Hi Glenn,
I did as you said, but it doesn't help ... never mind, I am trying to improve it ...

Tim

Problem solved by setting leftBoxHeading background color to white :) thank anyway

Tim

John -
To control background color in all subcats and sub-subcats in one group, you can add a pair of rules after the generic rules like this:```
#categories ul#catGroup1 ul a {/subcategories of group 1/
background: #aaddbb;
}

#categories ul#catGroup1 ul ul a {/sub-subcategories of group 1/
background: #bbddbb;
}

This will apply only inside catGroup1 (adjust the id to match your actual situation).

hello, this mod works great! i am having a little trouble though. im trying to do the bonus part to have a customized style for each category, and it isnt working. my site is just a test site, and the images will all be changing, im just trying to play with functionality

http://extendmydesign.com/bloomsofts/

here is my code in tpl_categories:

	case ($box_categories_array[$i]['path'] == 'cPath=1'):
 $new_style = 'language';
  break;

i changed the path to the correct one.

here is my css code

#categories li.cat-language a {
color: #999999; 
background-image: url(../images/catbghover.gif);
background-repeat: no-repeat;
padding-left:20px;
height: 20px;
}

#categories li.cat-language:hover a {
color: #999999; 
background-image: url(../images/catbgl.gif);
background-repeat: no-repeat;
padding-left:20px;
height: 20px;
}

i know my hover and regular images are backwards lol, i messed it up. but it is still calling the images from the main style. i have one more question after this, but i figured i would try to figure this one out first.

the other question is how to get the clickshowhide mod's effect working with this mod, i REALLY need it.

Are you aware that you used a letter "l" instead of a numeral "1" in the filename?

catbgl.gif

yes, its l for the cat languages

Hi Glenn,
Please, have a look at this site with IE7

http://www.pacificphm.com/store

There is an empty row (space) above the first categoryBoxHeading (cPath=1), do you know how to remove it ?

This problem occurs only with IE7, it looks fine with FFox

Thanks

Tim