defining row height for product listing page

I have read a lot of threads and haven't been able to figure out how to do this, I would like to adjust the cell spacing to provide some white space between products in the product listing, I have 1 product per row and I don't like the way the product images have no space between rows, the images run up against each other vertically. I used firebug for fire fox to find the code, but was unable to find the file it was contained in. I am using 1.3.9e and the Sage Template.

Thanks for any help.

Bryan

Hey I did this awhile back i am not sure if the .centercolumn {} was in the stylesheet.css already or i added it in myself

if its not, add the following

.centercolumn { height: 130px !important; }

make sure to have '!important' in it or it wont work

Hi

I am currently creating a webpage with 50 items per page and this is a nightmare for scrolling because the items are too far away from each other.

Is there a way to makes the items closer together so that there is less scrolling involved?

Here is what it looks like now... i want to make the rows smaller(height wise i mean) so they are closer together and less scolling is involved

http://mauricedoodysales.com/index.php?main_page=index&cPath=83_206_387

Could someone please help me!!!

Thank you
Niall

Hi

I am currently creating a webpage with 50 items per page and this is a nightmare for scrolling because the items are too far away from each other.

Is there a way to makes the items closer together so that there is less scrolling involved?

Here is what it looks like now... i want to make the rows smaller(height wise i mean) so they are closer together and less scolling is involved

http://mauricedoodysales.com/index.php?main_page=index&cPath=83_206_387&zenid=cc73ee30d1b4fef2ea831331db10f537

Could someone please help me!!!

Thank you
Niall

Start with truning the image off

admin > config > product listing > Display Product Image > set to "0"

You could add this to stylesheet.css:

.productListing-odd, .productListing-even {
line-height: .5em;
}

You'll have to make sure your images (if you intend to add them) will fit in that space.

Moderator's note - previous thread merged here. Please do not repost the same problem/question in multiple places.

stevesh:

You could add this to stylesheet.css:

.productListing-odd, .productListing-even {
line-height: .5em;
}

You'll have to make sure your images (if you intend to add them) will fit in that space.

Perfect, this did the job alright :smile: and thanks kobra as well, I removed the item image and it looks perfect now :cool:

Thanks alot stevesh and kobra