Category & Subcat display

[dirtyweekender]

Hi there,
please see http://www.dirtyweekender.com/
this is a highly customized template, however i'm having trouble correcting the category (left grey buttons) display.
if you click on category 3, the subcats list, however the grey boxes are all different sizes?

what styesheet to i need to modify, and what css tag? i can't seem to work it out...

regards,

alex

[gjh42]

You have styling scattered around, and partially mangled declarations in places. It looks like you have played with tpl_categories.php, too (<span class="category-not-selectedRARGH">) which invalidates some of the CSS that should apply.

High in your stylesheet.css you have this:

.category-top-text {;width:147px;border-bottom:1px solid #fff;}
a.category-top-text {;font-size:9px;padding-top:2px;font-weight:bold}

which gives top cats a fixed width, but does not help subcats.
Move those declarations to one central categories area like stylesheet_categories_dressingold.css, and do some cleaning up. Eliminate declarations you never want to use and fix errors like

/* bullet for top categories & links:*/
a.category-top-text .category-not-selected, a.category-top-text .category-subs-selected, #categories a.category-links {
    display: nome; <---------------------------------------------
    list-style: disc inside url(../images/bullet1.gif);
    }

which if correct would hide nearly all of your categories. If you don't want list markers, delete all declarations where they are set.

You will end up with a very simple set of active declarations.

/*display all cat box links as block*/
#categories a {
    background-image:  url(../images/bkbut.gif);  
    background-repeat: repeat-x; 
    display: block;	
    height: 18px;
    color: #000000;
    padding: 0em 3em;
    float: left;
    margin-left: 10px;
    }

#categories a:hover {
    text-decoration: underline;
    }

a.category-top-text {
    width: 147px;
    border-bottom: 1px solid #fff;
    font-size: 9px;
    padding-top: 2px;
    font-weight: bold
    }

a.category-subs-text, a.category-products-text  {
    width:147px;
    border-bottom:1px solid #fff;
    font-size:9px;
    padding-top:2px;
    }

SPAN.category-subs-selected {
    font-weight: bold;
    }

Adjust to taste.