Product List Styling

[coxdabd]

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/...13a8918e_b.jpg

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

Any help will be appreciated.

[coxdabd]

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.

[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.

[coxdabd]

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?

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.