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
Re: defining row height for product listing page
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
Re: Want to Know if This is Possible
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.p...ath=83_206_387
Could someone please help me!!!
Thank you
Niall
Re: defining row height for product listing page
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.p...831331db10f537
Could someone please help me!!!
Thank you
Niall
Re: Want to Know if This is Possible
Start with truning the image off
admin > config > product listing > Display Product Image > set to "0"
Re: Want to Know if This is Possible
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.
Re: defining row height for product listing page
Moderator's note - previous thread merged here. Please do not repost the same problem/question in multiple places.
Re: Want to Know if This is Possible
Quote:
Originally Posted by
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