Categories spacing

[spottedhaggis]

I have looked in Firefox and it tells me the css I must edit to add some space between the categories is "Category-top" however this does not appear to exist anywhere.

Can anyone advise me on its where abuts please

[kobra]

If I understand your post correctly; to place space between the categories in a column this entry in your stylesheet.css should help:

.leftBoxContainer {
	margin-top: 1.5em;
	}
.rightBoxContainer {
	margin-top: 1.5em;
	}

adjust value & or position as you want

[spottedhaggis]

Sorry, that increases the space between categories, information etc, what I am trying to do is increase the line space between the categories, eg

Jiffy Bags
Plastic Bags
Envelopes

These are product categories

I want to have something slightly less but the idea is the saame, as this

Jiffy Bags

Plastic Bags

Envelopes

I can increase the line space for every single bpx but then it makes the site length huge, lol.

[kobra]

Yep, I got that wrong...

add this line-height: 2em; to the code: and adjust to your liking

.leftBoxContainer {
	margin-top: 1.5em;
        line-height: 2em;
	}

[gjh42]

If .categories-top is not in your stylesheet, you can just add it:

.categories-top 
{
   line-height: x.xem;
} 

Adjust the height to your liking.

The devs have provided many hooks in the code, not all of which are actually used for the default styling. Any class or id you see in the code can be added to the stylesheet if it is not already there.

[RayDube]

Good Morning Gentlebeings,

I have a similar issue with the spacing between the different Category items, currently the spacing is double, rather than single.

Now, part of this is my fault, as part of the customization, i want the links to appear as boxes, of a fixed with, so the css for the links looks like:

A.Category-top, A.category-top:link {
     background-color: #ddaa00;
     color: #ffffff;
     width: 145px;
     padding: 2px;
     font-weight: bold;
}

With similar settings for visited, hover and active (albeit different background-color). don't worry about the actual text(typing), I'm developing on a separate machine and copying the info by hand. :)

Now the double spacing, I think, is caused by a line return at the end of each category, in the view source, I see at the end of each line

<br />

Unfortunately I can't seem to find the file that generates the category list for the sidebar. I thought I had it a couple of times, but finally gave it up and came to your guys for help.

Thanks,
Ray

[kobra]

You Should start a new thread especially for a different subject as this assists others looking for similar issues...

First strip all the column & sidebox width edits you have made to the css out.

This is controlled from the admin > config > layout settings > column left/and column right settings
And column left boxes and column right boxes settings.

The column setting should be at a minimum the same as the box width

[RayDube]

You Should start a new thread especially for a different subject as this assists others looking for similar issues...

First strip all the column & sidebox width edits you have made to the css out.

This is controlled from the admin > config > layout settings > column left/and column right settings
And column left boxes and column right boxes settings.

The column setting should be at a minimum the same as the box width

Thanks Kobra, I appreciate the help.

As for starting a new thread, I felt this to be a similar and related issue, hence the same thread.

As I mentioned, the width is not the problem, it's the line spacing, the width is fine.

I was actually trying to get here quickly enough to delete ths post, as I seem to have found a solution.

in the CSS I added:

margin-bottom: -1.2em;

which gave me the desired effect. No more double line spacing.

Ray