How to modify categories sidebox list

[walterlyn]

I want to add some space between categories list items so that there would be some more space between links, but how to do this?
I see that this list is made with <br> tags and <a> links
I tried to change it in css with a{ margin-top:n px } and br {margin-top: n px} [this is only code fragment to give the idea], but with no success, so is there a way to modify this list with css and not go where php starts?

[gjh42]

You can address the categories links with
a.category-top {}
etc., and similar selectors. Look in view source to see what others you may want to change.

Categories Dressing allows many other kinds of customizations to the categories if this CSS doesn't do everything you want.

[walterlyn]

I tried this selector.
For example this code

a.category-top{
background-color: red;
colorink;
font-size: 19px;
margin-top: 10px;
}

reacts only for background, color and size but margins stay fixed, this is maybe links can't have margins but if I add display: block it drops what is left after link to another line.

[gjh42]

The display: block; will have that effect if you do not remove a <br /> that is coded into tpl_categories.php (the <br /> is necessary for the ordinary categories arrangement).
Inline elements do not react to margins.

You may want to use Categories Dressing, as this is set up for block-type display already. You can turn off or not use any of its features you don't need.


If you don't want the effects of block display, you might try adding
line-height: 2em;
to the declaration (adjust as required).

[walterlyn]

Well then I'll try to look at this categories dressing tool.

[nomadrw]

You need to open your css file
look for this
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
margin: auto;
}
and do this

#navColumnTwoWrapper, #mainWrapper {
margin: auto;
}

#navColumnOneWrapper{
margin: your size here .px;
}

nomad

[gjh42]

Umm, what will that accomplish? (relevant to the OP)


I just tested the line-height, and it does work in a stock categories box.

[digidiva-kathy]

There is a nice mod for better styling your categories...

[bettysue]

There is a nice mod for better styling your categories...

I was just wondering if that still works with v1.37 as I need the mouseover effect it gives for a client.

betty

[gjh42]

I don't know what particular mouseover effect you are wanting, but you don't need a whole mod (BetterCategories or Categories Dressing) to get hover effects.

You can style things in your stylesheet like a.category-top:hover {color: #aabbcc; font-weight: bold; background-color: #112233; etc.}.

What effect did you want?