Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Category line spacing for double lines

Category line spacing for double lines

Locked

Views: 1,490

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
1 Mar 2009, 12:09 AM
#1
jhbs avatar

jhbs

New Zenner

Join Date:
Feb 2009
Posts:
28
Plugin Contributions:
0

Category line spacing for double lines

Hi there, i am using 1.3.8 and have been trundling through all of the posts here about line spacing.

Now i can make each line spaced out by adding the line-height into my css, the only problem i get is that each line is spaced, and i have some categories that are on two lines.

How do i put a space between each category? (at the bottom) so there is clear separation?

1 Mar 2009, 1:02 AM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Category line spacing for double lines

jhbs:

Hi there, i am using 1.3.8 and have been trundling through all of the posts here about line spacing.

Now i can make each line spaced out by adding the line-height into my css, the only problem i get is that each line is spaced, and i have some categories that are on two lines.

How do i put a space between each category? (at the bottom) so there is clear separation?

JH,
Just add a blank category with no wording for the title and place the sort order just over the number of the category you want to leave a blank line under..

You can widen the width of the left column...
admin panel/ configuration/ layout settings

  1. there are two places where you will see column width: left boxes and the other is column witdth: left
  2. change both of them to match
  3. default is 150
  4. change both of them to 175
1 Mar 2009, 1:33 AM
#3
jhbs avatar

jhbs

New Zenner

Join Date:
Feb 2009
Posts:
28
Plugin Contributions:
0

Re: Category line spacing for double lines

yeah i need to keep the category box the same width, but the blank category, brilliant!

The only thing is that i just want to try and do it in the css / php as i dont want to confuse my client that will be using it! good fix for now!

1 Mar 2009, 4:01 AM
#4
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,178
Plugin Contributions:
0

Re: Category line spacing for double lines

Jh,
You are most welcome, glad I could zen your knowledge

1 Mar 2009, 8:07 AM
#5
gjh42 avatar

gjh42

Black Belt

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

Re: Category line spacing for double lines

The reason that you can't affect the spacing other than line-height is that the category links are inline elements. If you add to your stylesheet

#categories a {display: block;}

the categories will each fill the width of the box (visible if you give them a background-color) and be able to have a defined top or bottom margin.
The inline elements are forced onto separate lines by a <br /> after each one, and making them block display will double the space. Unless you want this much spacing, you will want to edit /includes/templates/your_template/sideboxes/tpl_categories.php to eliminate the <br /> tags in a few places.