Adding space in between items

[cowgirl32]

my product images are really close together. I would like to add some white space between them. Where would I do this?? Is is possiable?

[gjh42]

In your stylesheet (/includes/templates/your_template/css/stylesheet.css), add

/* space & border between listing items */
.productListing-odd td, .productListing-even td {
text-align: left;
vertical-align: top;
padding:0.5em;
margin-bottom: 1em;
border-bottom: 3px double #aaccbb;
}

Change numbers, add, edit or delete properties as desired.

[cowgirl32]

thank you, that worked wonderfully.

[saagark]

In your stylesheet (/includes/templates/your_template/css/stylesheet.css), add

/* space & border between listing items */
.productListing-odd td, .productListing-even td {
text-align: left;
vertical-align: top;
padding:0.5em;
margin-bottom: 1em;
border-bottom: 3px double #aaccbb;
}

Change numbers, add, edit or delete properties as desired.

This works ideally. But as All Products uses the same classes .productListing-odd & -even, the border shows surrounding the description. Is there any way to only add the border to the product listing?

Thanks!

[gjh42]

Change the selectors to

#indexProductList .productListing-odd td, #indexProductList .productListing-even td

and it will only affect categoriy listings.

[METOOTECH]

Thanks everybody for the helpful info....
Uh, what I had more in mind for spacing is like this page in the Wallet template.... what CSS code does this setup? ....METOOTECH

http://(sorry, site offline)/137/ind...146f6be279be17

[METOOTECH]

I forgot to add in the last post, how is the background color change on every other listing done? METOOTECH

[kiamyka]

Glenn thanks for this I have been trying to work this out for ages
chrisx

[GSIS]

Thanks, from a CSS and Zen Cart newbie.

Worked a treat for my site!