Change spacing between cat items in side box.

Hello everyone! This is my first post, w00t.

Anywayz, I have been editing my zen cart template and I have been able to find everything so far thanks to these wonderful forums. I have ran into my first hangup.

I would like to change the spacing between my text in my left sidebox. The reason I would like to do this is because I am using a background image for the sidebox. The image has built in separators. If you check out my cart so far it will give you a better idea of whats going on. Thanks in advance for any help!

http://www.planetattax.com/products

look in /includes/templates/CUSTOM/stylesheet.css for this:

#navCatTabs ul {
margin: 0;
padding: 0em 0em;
font-size: 12px;
list-style-type: none;
text-align: center;
line-height: 1.5em;

If it is not there then add it somewhere. change line 3's (padding) values to something like 8px or 1em or whatever makes it go where you need it... I think it will work...

That is amazing advice. Thanks for pointing me in the right direction so quickly. I found 6 instances of #navCatTabs in my stylesheet. But everyone is not as you show, it contains other items, for example,

#navMain ul, #navSupp ul, #navCatTabs ul {

I am a little confused as to which one to edit. Would the example you gave me override the others if I put it in a certain spot? Thanks again for your help

Well, I think I've tried it all, I edited the padding values in all of the defintions I found one by one with no luck. I even tried to just add the code snipet you gave me. No luck.

I am going to try adding some padding-bottom values.. please let me know if anyone thinks of anything else

find:#navMain ul li, #navSupp ul li, #navCatTabs ul li { display: inline; }and try padding that instead. delete or comment out the previous changes you made. If that does not do it, then it is beyond me, i am still new to css...

No problem, even though you are new, your logic seems pretty reasonable that it should work, i'll try it again and post back! Thanks again.

I am glad to try to help. If it doesn't work, perhaps you could message kobra to look at this stylesheet for you, he is here and posting, and knows his stuff... I am really just a semi-advanced beginner with css...

Yeah I tried your new approach and it still is not working. Nothing will space even a little! I thank you for trying though :) Its soo weird, with everybody trying to use images for a background in the sidebox you'd think this question would have been asked before, but I can't find anything :( I will message kobra and see what he thinks. Many thanks again!

you are welcome. sorry i wasn't able to help. Kim is here too, she is an expert at this stuff... i am sure it is something overlooked. Are you sure you are editing the stylesheet for the template you are using??

Oh yeah, i'm sure, I've been editing images and text and everything else on it and uploading it to my site as I go to test it.

well, one of the gurus will assist you, i;m sure. If all else fails you can always edit the core file and insert manual <br /> or <p> to get it pretty close ;). I doubt it will come to that. It is just a snippet of code to adjust stuff like that, and i have no idea why it is not working... good luck!

Try this:

.category-top {
line-height: 2em;
}

Many many thanx to humbll and kobra for their responses, i've finally got an answer that works! This is also for anyone who ever is looking to do the same.

You must add this class/id to your stylesheet,

.category-top {
line-height: 2em;
}

This will most likely be the stylesheet you will want to edit

includes/templates/CUSTOM/css/stylesheet.css

You may have to do a bit of tweaking with the value to get what you want. I had to tweek the values in .sideBoxContent and .category-top to get the desired result. I hope this will help somebody in the future!

By the way, is there a way to mark this thread as answered? or resolved?