Product Listing - Pictures and Product Names overlap

[wgvania]

I'm trying to add a purchase button and price, but now the product name is being overlapped by the pictures. Do I change the height in the stylesheet? Or is this some other problem?

Thanks in advance for your help.

http://wishgiving.com/shop/index.php...ndex&cPath=138

[wgvania]

I think I got it, thanks!

[gjh42]

I'm not sure why it's doing this in the first place, but adding this to your stylesheet

.centerBoxContentsProducts {margin-bottom: 4em;}

will get rid of the overlap. When you do that, the title gets confused with the product below it, so adding this

.centerBoxContentsProducts h3 {
margin: -1em 1em 0 1em;
border-bottom: dotted 1px #777777;
}

will help clarify the layout (adjust to taste).



Glad you got the main problem solved. What was it?

[wgvania]

Thanks Glenn!

It was the overlap, I was able to fix that.

Do you know how to change the order of the product name, and price? I'd like for the product name to be above the price. And I'd like to lessen the space between the name and the price (there are huge gaps between them now).

Thanks for your help!

[gjh42]

The order should be settable in admin > Configuration > Product Listing. I don't have the column grid mod, so am not sure exactly what the admin page will look like for you.

[wgvania]

Thanks! I'll go ahead and try that.