Proper Category Spacing

[JeremyD]

That did it! Thank you so much for taking the effort to resolve this for me, I've been at it for hours.

[andy-c1]

please please can someone explain how this is done ,as this is exactly what i want done with my site ,where do i look what file what line

thank you

[rainthebat]

first you need to open up your style sheet in includes/templates/YOUR_TEMPLATE/css and find:

A.category-top

then make it look like this:

 			 				A.category-top, A.category-top:visited {
        display: block;
        margin-top:3px;
	color: #008000;
	text-decoration: none;
	}

to complete the operation, you would need to follow the instructions Glen gave earlier in the thread.

[gjh42]

...nevermind... :)

Actually, there is an addition to be made to Rain's post: making a.category-top block display will not help the links or subcats. That is why I said above to add

#categories a {display: block;}

as this covers all cases at once.

[Sushigal]

Hi, I followed all these instructions, added the
#categories a {display: block;} to the bottom of my stylesheet and removed the breaks from tpl_categories.php as described, but it's made no difference. I don't suppose this is because im using a categories listing box so that all my sub cats are permanently displayed?

Can someone explain how i can achieve the seperation between each category, whilst keeping the sub cats together as this person initally asked for.

Thanks.

[Sushigal]

p.s my site is http://www.thegreatgiftshop.co.uk/zencart

and I too would like my categories to appear like this;

Bags,Purses &
Accessories

Fitness &
Wellbing

Golf

Home Accessories
clocks digital &
handy gadgets (sub cat)
crystal & glass (sub cat)
etc etc
etc

[Sushigal]

I found this in another thread and added;

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

to the bottom of my stylesheet and thats done the trick