Categories Dressing

[bumba000]

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

[bumba000]

Got it. What's next?

lol

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

Thanks guys,
John

[timnguyen2009]

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

Tim

[timnguyen2009]

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

Tim

[gjh42]

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).

[AmandaGero]

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.

[gjh42]

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

catbgl.gif

[AmandaGero]

yes, its l for the cat languages

[timnguyen2009]

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

[gjh42]

I can only use IE6 on my home computer, and the space you describe doesn't show there, nor in Firefox. I will check on the business computer when I get time and see if I can see it in IE7.