[Solved] Spacing between plus sign on sub-categories

[Melinda]

Hi,

Is there a way to put a little space between the plus sign and the sub-category name?

Thanks!

[VIXUS]

i would like to know also.
I'w tryed even to change .gif it self but still positioning is the same...

[Melinda]

Hi,

I finally found it.

The global.css file in the themes folder:
Gives spacing between the less and more sign graphics when you have
subcategories by moving the whole category list to the right of the graphics.

div#categories_block_left ul.tree a{
padding-left:4;
color:#374853;
}

This is moving the whole text block to the right. I couldn't get just the image to move to the left without cutting it off.

Here's some other changes about the category box that might help also. If you put a border around it you can see it better and then remove the border.

/* Block categories */
/* changing the left padding moves the whole inside text block ... correct one to use */
div#categories_block_left ul.tree {
border: 1px solid #0099CC;
padding-left: 0.3em;
}
/* moving the left padding moves the text out of the text block ... use div#categories_block_left ul.tree instead */
div#categories_block_left ul.tree li {
border:1px dotted #00FFFF;
padding-left:15px;
background: none;
margin-left:0;
font-weight:bold;
font-size:13px;
line-height:13px;
margin-top:2px;
}

[Patric]

I finally found it.

So I mark the topic as [solved].
Please, next time, do it yourself by adding Solved at the beginning of your topic's title by editing your first post !

[VIXUS]

I dont get it... i was trying there before.
What ever change i make in global css it just dont show...

Iw cleared temp files and everything... still i dont see any change in mine categories block?

[Icarus]

The common class used by that plus sign is called "grower"
So, if you want to move the plus sign to the left instead of moving everything else to the right, you should look for the .grower class.

This is what I did:
In global.css
In div#categories_block_left span.grower (around line 1260 for me)
I added:

position:relative;
left:-3px;

Tested on FF and IE6

Didnt want to mess with the margins/padding there.