Help with a few changes on my nav

[nickohorny]

Hello again

Can you please help me amend a few changes to my nav on the left of my site, I basically want to adjust the padding space between the catergories where it drops down over 2 lines for that particular catergory. I also want to get rid of the symbol and the number of product count at the end of them.

I have created this image showing current and how I would like it to be, hope it makes sense!

http://www.mypreciousgifts.co.uk/inc...es/changes.jpg

so if you could let me know what needs changing to the CSS I'd be greatful.
This is my CSS code as it is.


/* ----------------------- BOXES ------------------------- */

.box {margin-bottom:20px;}
.box-head{ background:url(../images/title-bg.gif) no-repeat 4px 0; font-size:20px; line-height:24px; color:#303030; font-weight:bold; padding:2px 0 2px 39px; margin:0;}
.box-head a{ color:#303030; text-decoration:none;}
.box-head a:hover{ color:#2c1902;}
.box-body{ padding:17px 18px 18px 1px;}

.box ul{ padding:0 0 0 5px; margin:0;}
.box ul li{ font-size:14px; line-height:29px; padding-left:23px;}
.box ul li a{ color:#696969;text-decoration:none;}
.box ul li a:hover{ color:#2c1902; text-decoration:none;}

.box ol{ padding:0; margin:0; list-style:decimal inside;}
.box ol li{ font-size:14px; line-height:29px;}
.box ol li a{ color:#696969;}
.box ol li a:hover{ color:#2c1902; background:url(../images/list-marker.gif) no-repeat 0 12px; text-decoration:none;}


.box .name{ display:inline-block; margin:5px 0 10px;}

/* ----------------------- LISTING BOXES ------------------------- */

[haredo]

admin panel/ configuration/ layout settings...

1. For this: -->
2. Categories Separator between the Category Name and Count

admin panel/ configuration/ my store

1. show category counts
2. set to false

[nickohorny]

Awesome! thanks for the help

[haredo]

You are most welcome..

[gjh42]

Find this rule and change as shown in red:
stylesheet_boxes.css (line 11)

.box ul li {
background: url("../images/list-marker.gif") no-repeat scroll 0 12px transparent;
font-size: 14px;
line-height: 20px;
padding: 5px 0 5px 23px;
}

[nickohorny]

Find this rule and change as shown in red:
stylesheet_boxes.css (line 11)

.box ul li {
background: url("../images/list-marker.gif") no-repeat scroll 0 12px transparent;
font-size: 14px;
line-height: 20px;
padding: 5px 0 5px 23px;
}

Nice one! THANKS