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

[gjh42]

The code automatically adds tags for productListing-odd and productListing-even, so all you have to do is style those in your stylesheet:

.productListing-odd {background-color: #ccddff;}
.productListing-even{background-color: #ffffff;}

[METOOTECH]

Thanks for the info Glenn... where should these codes be added to the style sheet? How should the background code above be added to the code at the top of this thread ? METOOTECH

[gjh42]

Put these two lines in as is, not inside something else. For convenience, you can find the other productListing* declarations and put these in the same area.