Product List Styling

Hi, I've managed to style the product list page to how I want it to look but when there is only two products in a list, they center themselves, whereas I want them to be float on the left with a 15px margin or so to seperate them slightly.

I also want to be add a thick border line underneath each row such as the example: http://farm5.static.flickr.com/4003/5148967038_0513a8918e_b.jpg

Please find my site at the following address: http://www.chichairandbeauty.co.uk/bang/index.php?main_page=index&cPath=7

Any help will be appreciated.

It's been a couple of days since posting this, can anyone help at all? Really need to get this product list page nailed. Just need a little help from a ZenCart expert. Would appreciate some help.

Not exactly sure what you're looking to do, but try:

.centerBoxContentsProducts {text-align:left;}

then floating .itemTitle and .listingDescription left. You'll need to play with padding and margin.

Hi there, many thanks for your quick response. Having looked at the HTML, each product in the list is inside of the DIV centerBoxContentsProducts there is aditional styling which is: width: 49.5%;. Is there a way to overide this? I can't work out how I can override this? Any ideas?

stevesh:

Not exactly sure what you're looking to do, but try:

.centerBoxContentsProducts {text-align:left;}

then floating .itemTitle and .listingDescription left. You'll need to play with padding and margin.