Category view: changing product display column width - image, description, price?

[azenuser]

Hi folks. Zen 1.3.7. Linux. I searched but could not find the answer in forums, etc. Thanks very much in advance for any help.

How do you change the column/table width for product images, description, and price, in the category display view?

My problem is that the words "product image" are on top of each other rather than side-by-side. I'm thinking this is due to to narrow column setting somewhere?

I want more horizontal space between the product image, item description, and price columns. And more vertical space between each product listing would be nice too.

I've included a screen shot that explains it all. Hopefully a picture is worth at least 500 more words!

[kobra]

Please post a live url to obtain the best solutions

[azenuser]

http://www.cleanscreens.com/shop

Thanks!

[kobra]

Try admin > config > images > Image - Product Listing Height and - Image - Product New Listing Width

Keep the proportions constant - but try height = 96 width = 120

[azenuser]

Thanks. I ended up using 92X115, which seemed just enough to get the words side by side for most category views. The images in the cleaning solutions category are very tall and narrow, so in this category, the "product image" words are still over/ under. I'll have to get some other images that have a different ratio.

Much appreciated,

P

[kobra]

I would matt all your images to a standard size to assist in consistant displays

[azenuser]

Yep, I did that once I noticed. Any idea how to increase horizontal padding between the item description words and images/price field? How about more verticle padding between title bar and product listings? See the attached picture from the first post for clarification.

[kobra]

You can use this tag and this form and enter the values that you desire

.productListing-data {
padding: 2em .5em 2em .2em;
}

[azenuser]

Which directory/file to mod is that please? This would be helpful.