Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Categories Sidebar - Text Indentation?

Categories Sidebar - Text Indentation?

Locked

Views: 1,204

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
7 Feb 2009, 7:04 PM
#1
stiggy100 avatar

stiggy100

Zen Follower

Join Date:
Jan 2009
Posts:
298
Plugin Contributions:
0

Categories Sidebar - Text Indentation?

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

7 Feb 2009, 8:02 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Categories Sidebar - Text Indentation?

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;
}

7 Feb 2009, 8:13 PM
#3
stiggy100 avatar

stiggy100

Zen Follower

Join Date:
Jan 2009
Posts:
298
Plugin Contributions:
0

Re: Categories Sidebar - Text Indentation?

Thanks Glenn,

Appreciate it...

7 Feb 2009, 8:23 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Categories Sidebar - Text Indentation?

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.