How to modify categories sidebox list

[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.

[DivaVocals]

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

Once again.. Glenn is my savior.. I was driving myself nuts, and went looking for what I KNEW was a simple answer.. **sigh**

Man I need to go to bed.. This was too simple.. If I wasn't working on 3 hours of sleep it might have come to me.. But anywhoo.. Thanks Glenn.. again..

[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?

[bettysue]

I wanted the effect that looked like each category line has that look of "horizontal window blinds". I am having a brain cramp coming up with the term, but the EZcategories mod does it, I just wasn't sure if it was 1.37 compliant.

So while waiting for a reply, I downloaded it, and installed it just for the categories and information boxes and it still works. So once I got rid of the pointer images and put my colors into the style sheet, I got the exact look I needed.

I will copy down what you suggested though for times I don't need the "full frontal assault" weapon for a client though..lol

thank you!

betty