
Originally Posted by
gjh42
Code:
/*example for individual category as bg image*/
#categories li a.catBg2 {
background-image: url(../images/zacatek.gif);
height: 30px;
}
#categories li a.catBg2:hover {
background-image: url(../images/catbg25hover.gif);
}
/*example for custom individual category styling*/
#categories li.promuze a {
border-top: 3px dotted #112233;
background-color: #aabbff;
color: #000000;
padding: 1em 0em;
}
.promuze {
border-top: 1px dotted #112233;
color: #000000;
background-image: url(../images/zacatek.gif);
}
ul#catGroup2 {
background-image: url(../images/zacatek.gif);
background-repeat: no-repeat;
}
I am trying something along these lines but not as complex. I simply want the top level categories to appear in bold type font so that they stand out a little more.
I have tried to follow what appears simple code:
tpl_categories.php:
PHP Code:
case ($box_categories_array[$i]['path'] == 'cPath=1'):
$new_style = 'holiday';
break;
stylesheet_categories_dressing.css:
PHP Code:
/*example for custom individual category styling*/
#categories li.cat-holiday a {
border-top: 3px dotted #112233;
background-color: #aabbff;
color: #112233;
padding: 1em 0em;
}
I would of course manipulate the css to simply bold type case if I could get it to work at all. When I upload this content it seems to have no effect whatsoever.
Can anyone see where I'm going wrong?
Bookmarks