Subcategory Spacing - Too Close Together

[Sly-Delvecchio]

Hi Guys,

I've had a bit of a problem bugging me, where my subcategories are too close together.
The images were spaced but the text looked like all one word.

I came up with a bit of a css hack for global.css.
Simply add the following to your global.css:

#subcategories ul li {
   float:left;
   width: 25%;
   text-align: center;
} /* This adds a lovely bit of spacing & centering */

#subcategories ul.inline_list li img{ display:inline; } /* If you don't do this, then the image and text don't line up right */

This over-rides the default ul li class styles by using the subcategories container id "#subcategories".
If it's too spaced out, change the width to 20%.

I just thought I'd post this in case anybody else shared my experience.

[weloveperfume.co.uk]

Thank you, nice little tip and works great

:-)

[vectran]

Wish I'd seen this two days ago!

I just did the same but added: margin-right: 20px; and it seems to work.

[Bleep]

Thanks for posting this. It was angering me earlier in the week until I decided to work on something else for awhile. LOL

[Wade C]

Works great for me! Thanks!

Is there any way to add some spacing to the category listings between the rows?
The code above got them spread out nicely left to right, but they are still awfully bunched up up and down.

Thanks!

Wade