Category List Spacing

Hi

I'm trying to put some space between the category items in my menu.

http://www.giftsfromwales.com/shop/index.php?main_page=index&cPath=20

I've used the following code in the stylesheet:

A.category-top {
display:block;
padding-top:0px;
padding-bottom:0px;
margin-top:0px;
margin-bottom:0px;
}

Problem is when I use this code it puts a space in before I even start tweaking! If I turn on the product count this appears on the line underneath!

Also the space is between the category & sub categories which makes it confusing - probably would have been alright if the space was after the sub-categories!

Can anybody help?

Thanks

Steve

Adding this to your stylesheet will close up those gaps> #categories br {line-height:0}though not answer why they have appeared in the first place.

Since the default category item is inline display, it needs a <br /> to ensure that it has its own line.

display:block; makes it a separate line, so there is now duplication of effect.

Good spot Glenn

That would also explain why the product counts get pushed onto the next line, since display: block will cause the <a> tags to expand to take up the full width available.

Thanks for your help. I removed the block command but now none of the margin or padding code makes any difference - am I missing something?

A.category-top {

padding-top:0px;
padding-bottom:0px;
margin-top:10px;
margin-bottom:10px;
}

Website now at https://www.giftsfromwales.com

Thanks for looking.

Steve

If you disable the category counts and symbols in admin, you can use display: block; just fine with Kuroi's tweak (though you may need to add display: block; to the subcats also).

The easy answer (for me) is to use Categories Dressing, as that has already set everything necessary and you just need to follow the instructions & examples in the readme to use the stylesheet for full control.

Perfect - thanks for all your help!

Steve

This should be a list menu.

I have considered that, but need to research whether non-list elements can be displayed between list items. If that does not cause problems, I may try it. Other mods I have seen indicate that it is a problem - though maybe they are just being overcautious.

Many other mods to tpl_categories.php would also be required, as <li> display would make the existing count display setup malfunction. I would need to set up a whole new method for ensuring that those who want the default style of category name display can do so.