Forums / Templates, Stylesheets, Page Layout / How do I make my product listing look like this

How do I make my product listing look like this

Locked

Results 1 to 3 of 3

This thread is locked. New replies are disabled.

18 Jun 2008, 6:33 AM

alex123

New Zenner

Join Date:: Jul 2006
Posts:: 43
Plugin Contributions:: 0

How do I make my product listing look like this

Hi,

Would anyone please give me an idea how to make my product listing:
http://homebasedgateway.com/~aktis/index.php?main_page=index&manufacturers_id=18

look more like this: http://hackshawdave.co.uk/home/index.php?main_page=index&cPath=3_17

or this http://www.fragrantrainsoap.com/index.php?main_page=index&cPath=1

Basicaly with more space between the rows and with some kind of a divider in between

Thank you

18 Jun 2008, 6:41 AM

gjh42

Black Belt

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

Re: How do I make my product listing look like this

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

19 Jun 2008, 4:18 AM

alex123

New Zenner

Join Date:: Jul 2006
Posts:: 43
Plugin Contributions:: 0

Re: How do I make my product listing look like this

This is exactly what I was looking for :clap:

Thank you very much.