Forums / Templates, Stylesheets, Page Layout / productListing - vertical spacing

productListing - vertical spacing

Locked

Views: 1,027

Results 1 to 3 of 3
This thread is locked. New replies are disabled.
2 Mar 2008, 3:25 AM
#1
brian1234 avatar

brian1234

Zen Follower

Join Date:
Jun 2004
Posts:
102
Plugin Contributions:
0

productListing - vertical spacing

How do I add a little space between the items in a productListing? Specifically, when I go to a category with multiple products, the image for each product touches the next image (vertically). I tried adding a productListing-odd (and even) class with margin on the top and bottom, but that didn't do anything.

THANKS!

2 Mar 2008, 9:59 AM
#2
marg avatar

marg

Totally Zenned

Join Date:
Mar 2004
Posts:
642
Plugin Contributions:
0

Re: productListing - vertical spacing

.productListing-odd td, .productListing-even td {
text-align: left;
vertical-align: top;
padding:0.5em;
margin-bottom: 1em;
border-bottom: 3px double #aaccbb; /adjust to taste/

add the above to your stylesheet.css

3 Mar 2008, 4:35 AM
#3
brian1234 avatar

brian1234

Zen Follower

Join Date:
Jun 2004
Posts:
102
Plugin Contributions:
0

Re: productListing - vertical spacing

Aha - I forgot the "td" when I tried it.

And THANKS for the other tweaks, the left-justification, top-align and bottom border all look great!!