split category links and sub links

[kookiewookie]

We have a problem with the div's & spans that rule the main product category links and the sub links.......
The problem is this:

We need a fixed width white background "box" for ALL main categories BUT
no background color for the sub product categorie...

Tried all things but when diving more and more into the code of categories.tpl i figured it is kind of impossible for there is only one div ruling ALL these list-items... main or sub cat. does not matter. Having a seperate SPAN class or A class does not help for then we cannot give them a fixed with somehow.

Anyone experience with this one??
Please send me a private mail i can show you an url...

Thanks a lot!!!

[kobra]

try finding or adding a.category-top for the main top level cat

and a.category-products for the sub-cats into the stylesheet

[kookiewookie]

Thanks for your reply

Adding or changing a.category-top ... et cet does not change anything unfortunately.

We have now:
.category-top {
background-color: #ffffff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 5px;
padding-right: 60px;
}

.category-subs {
background-color: #ffffff;

}

we can adjust the width of .category-top only by changing the padding-right...
but then again: these categories are not diplayed with the same width
(offcourse )

[kobra]

Your entry of

.category-subs {
background-color: #ffffff;
}

Should be:

.category-products {
background-color: #ffffff;
}

for the correct class if you are using ZenCart ver 1.3.x

I actually do not understand what it is that you are seeking nor what is not displaying correctly from your post...

Have a url?

[kookiewookie]

This works... it comes down to divining BLOCKS instead of inline elements

/*
BetterCategoriesEzInfo v1.3.0.2 added  2006-06-22  gilby
Updated to v1.3.5   2006-09-19  gilby
*/

.betterCategories, .betterDocuments, .betterEzpages,
.betterInformation, .betterMoreinformation, .betterBestsellers {
    border-top: 1px solid #EFEDEE;
    background-color: #FFFFFF;
}

.betterCategories a, .betterCategories a:visited,
.betterDocuments a, .betterDocuments a:visited,
.betterEzpages a, .betterEzpages a:visited,
.betterInformation a, .betterInformation a:visited,
.betterMoreinformation a, .betterMoreinformation a:visited,
.betterBestsellers a, .betterBestsellers a:visited {
    display: block;
    background-color: #EFEDEE;
    border-top: 2px solid #EFEDEE;
    padding: 4px;
    
}

.betterCategories a,.betterDocuments a:hover, .betterDocuments a:active,
.betterEzpages a:hover, .betterEzpages a:active,
.betterInformation a:hover, .betterInformation a:active,
.betterMoreinformation a:hover, .betterMoreinformation a:active,
.betterBestsellers a:hover, .betterBestsellers a:active {
    background-color: #FFFFFF;
    
}

 .betterCategories a:active {
     padding-left: 10px;    
 }
.category-subs-parent {
    background-color: #FFFFFF;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 30px;
    font-weight: bold;
}
.category-subs-selected {
padding-left: 22px;
font-weight: bold;
}
    /*
.category-subs-selected, .category-subs-selected a:hover {
    font-weight: bold;
    text-decoration: none;
}
*/
A.category-top, A.category-top:visited {
    background-color: #FFFFFF;
    font-weight: normal;
}

A.category-links {
background-color: #FFFFFF;
}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
background-color: #EFEDEE;
font-weight: normal;
} 

[kobra]

AhHah,

You did not state that you were using Better Categories in your initial Post...

Glad you got it sorted

[kookiewookie]

well.. we took that later as a rescue :)