how do I adjust the height of each category

[jennypretty]

Hello,
The height of each row for categories are high. how do I adjust the height of each category?

Thanks.

[Vladimir T.]

Please see the following "css class" in the file \templates\YOUR_TEMPLATE\css\style.css:
1)div.categories div.col
2)div.categories div.last

[jennypretty]

I tried to change these:
div.categories div.col
{
float: left;
text-align: left;
width: 170px;
padding-left: 25px;
background: url('../img/ico-dir.gif') top left no-repeat;
margin: 10px 0;
}
div.categories div.last
{
float: left;
text-align: left;
width: 170px;
padding-left: 25px;
background: url('../img/ico-dir.gif') top left no-repeat;
margin: 10px 0;


by playing around, changing numbers, but it does not work.

What I like is to have a shorter space between each row in each category. Right now, there is a high space there.
Please look here: http://www.shopebaystore.com

You 'll see the high space between each row in each category.

Thanks.

[Greg]

Hi Jenny

If you change this part:
margin: 10px 0;

Just lessen the 10px to a smaller number.
Such as:
div.categories div.col
{
float: left;
text-align: left;
width: 170px;
padding-left: 25px;
background: url('../img/ico-dir.gif') top left no-repeat;
margin: 4px 0;
}
div.categories div.last
{
float: left;
text-align: left;
width: 170px;
padding-left: 25px;
background: url('../img/ico-dir.gif') top left no-repeat;
margin: 4px 0;
}

[jennypretty]

It worked perfectly.
Thanks.