New Zenner
- Join Date:
- Nov 2010
- Posts:
- 40
- Plugin Contributions:
- 0
Help with a few changes on my nav
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/includes/templates/theme413/images/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 ------------------------- */
