Expanded Category Sidebox, spacing between categires

[jmatthewsr]

Hi,
With http://www.zen-cart.com/index.php?ma...roducts_id=392

Is it possible to add separation space between categories?

Category 1
+ sub-category
+ sub-category
<insert additional space here>
Category 2

I looked at the CSS styles, but there are only class names for the <a> link and they are not block-level elements, so padding,margin settings don't seem to work. Could the code be updated to include a div or other block element around the categories so that padding/margin can be added in the css?

thanks!
-justin

[Ajeh]

I am not much for design but wouldn't you add spacing or padding to the:

A.category-top, A.category-top:visited {
color: #008000;
text-decoration: none;
}

[clydejones]

Yes, you can add padding to these elements:

A.category-top, A.category-top:visited {
color: #008000;
text-decoration: none;
padding-bottom: 10px;
}

or you could try this:

#categorylistbox .category-top a {
color: #008000;
text-decoration: none;
padding-bottom: 10px;
}

[jmatthewsr]

Thanks for the feedback. The above examples didn't work, so after a bit of research:
http://www.w3.org/TR/REC-CSS2/box.html#box-dimensions
http://www.w3.org/TR/REC-CSS2/visuren.html#q5

Here is what worked the best for me (it could be made simpler, but I explicitly stated margin vs padding):

.category-top {
display:block;
/*uncomment to help with visual display
border-width:1px;
border-style:dashed;
*/
padding-top:0px;
padding-bottom:0px;
margin-top:10px;
margin-bottom:0px;
}

[clydejones]

Glad you got it solved and I'm sure the information will benefit others as well.

[Sushigal]

This has worked perfectly for me too, thanks!

My only other query is how can I now centre the category titles? I feel they may look better if centred, especially the ones that appear on two lines.

Thanks