Adding a line between products

[knottybynature]

When you go to a category to view products, they all look smooshed together:

http://knottybynature-ny.com/index.p...ndex&cPath=2_6

Visiting a page on someone else's site, they have some nice divider lines between their products:

http://bellirosa.com/store/index.php...&cPath=127_140


Do I change the CSS? What do I change and where, so all my products are separated?

Thanks for your help!!!

[kuroi]

Yes, it's CSS. This is the styling used on that particular site and is typcial of how people achieve this effect

.productListing-data {
border-bottom:1px solid #CC0000;
padding:0.5em;
}

[knottybynature]

Thank you for the info...being an amateur at this tho...where would i put this in the CSS to have the line in between my products in all categories?

As always, help is appreciated!!!!

Thanks,
Cat

[fairestcape]

Open stylesheet.css

Look for:

.productListing-data

(It may be part of a "list"... meaning that it shares styles with other elements).

If it does appear in a list, make sure that the styles do not conflict with:

border-bottom:1px solid #CC0000;
padding:0.5em;


If there are no conflicts, you can put the declaration anywhere in the stylesheet. It's probably good practice to stick it at the bottom, under a commented section called:

/* My css edits */

.productListing-data {
border-bottom:1px solid #CC0000;
padding:0.5em;
}

... then you know it's a change you made, and you know where to find it.

[knottybynature]

AWESOME!!! It worked easily! I was able to add this to my friend's website that I did for her too. Makes everything look that much more organized & professional. Thank you!!!!!


Cat