Categories Dressing

[gjh42]

For the particular display you show, you would want option 3 for
define('CAT_BOX_ACTIVE_LEVEL', 'active|highest_level|deepest_level');

3=full active tree, others limited per level controls
and
The "highest_level" field controls whether top categories will display: 0=all levels/1=no topcats/etc.
The "deepest_level" field controls whether subcategories will display: 1=only first subcats/2=first & second subcats/.../9=all levels down to 9.

[milobloom]

Could you expand a little on what to do here...
Even though I reply alot I am really not much of a programmer

or change the second .catBoxHeading6 to .catBoxHeading7 and style that independently.

I did not see a 2nd .catBoxHeading6 where is that?

[weber]

For the particular display you show, you would want option 3 for
define('CAT_BOX_ACTIVE_LEVEL', 'active|highest_level|deepest_level');

3=full active tree, others limited per level controls
and
The "highest_level" field controls whether top categories will display: 0=all levels/1=no topcats/etc.
The "deepest_level" field controls whether subcategories will display: 1=only first subcats/2=first & second subcats/.../9=all levels down to 9.

i want all top cats, with all subs and sub-subs under active cat.

3,1,9 will list all subs and sub-subs, but other top cats are missing...

top1 (expanded all subs and sub-subs)
top2 (collapsed)
top3 (collapsed)

[gjh42]

OK, we can do that too. Try '3|0|0'.

[gjh42]

You have two categories that use .catBoxHeading6 {}. Change the second one to use .catBoxHeading7 {} so it can have separate styling - it can still have the same colors.

define ('CAT_BOX_HEADING_3213','0|1|||TV & Movies|6')

define ('CAT_BOX_HEADING_1009','0|1|||Specialties|7')

Then add a rule to your stylesheet for
.catBoxHeading7 {}

[milobloom]

Oh ok I ll give that a try

[limelites]

Hi Glen,

I was trying to figure out how I managed to make the fonts on my category tree enlarge slightly when I hover over them. Looked through your stylesheet and can't seem to find what I did to make that happen.

I'd quite like to try making the font a little heavier when it's hovered over too, but can't find the place to put it.

Any pointers?

[weber]

OK, we can do that too. Try '3|0|0'.

Magic. Perfect

[gjh42]

limelites - You have so many stylesheets that it is hard to find where some things are controlled, but you have some controls that affect categories in stylesheet.css.

.leftBoxContainer a:hover, .rightBoxContainer a:hover {
color:#000;
font-size: 13px;
}

This makes the links bold on hover, though there is probably a better place to set this so the !important won't be needed.

.leftBoxContainer a:hover, .rightBoxContainer a:hover {
color:#000;
font-size: 13px;
font-weight: bold !important;
}

[limelites]

Perfect Glan, thank you. Looks better now I think?