Categories Sidebar - Text Indentation?

[stiggy100]

Hi guys,

Slight change I want to make, am sure its a stylesheet one, but I simply do not know how to do it. I apologize in advance as I am sure its been asked many times but I cant find the thread!

On my homepage:

http://www.realfairtrade.com/

I want the second line of any product categores to be indented to align with the above line...

Can someone point me in the right direction please? Also any site comments suggestions would be very welcome...

Steve

[gjh42]

In your stylesheet_betterCategoriesEZInfo.css, separate out the "categoeries" selectors into their own rules, and add properties:

.betterCategories {
	border-top: 1px solid #FFFFCB;/*change to 2px if you want the same thickness as before*/
	background-color: #C1DCBE;
}

.betterCategories a, .betterCategories a:visited {
	display: block;
	background-color: #C1DCBE;
	margin-left:1.4em;
	padding: 0.4em;
	text-indent: -1.4em;
}

If you want the same effects on all the sideboxes involved, just put these properties in the original rules.

[stiggy100]

Thanks Glenn,

Appreciate it...

[gjh42]

BetterCategories does not actually make a list with a bullet and indented text, it just inserts an image into the beginning of the category name output. Mostly similar results, but you can't specify "list-style: outside;" on it, you have to trick the margin/indent.