Product Display layout misalignment

Hi

On my VM product display page there are some alignment issues - the product name overlaps the product image when I have no short description and if I do have a short description for the product the text is written over the image itself.

srv12.netregistry.net/~nini4758/index.ph...2013-detail?Itemid=0

and

srv12.netregistry.net/~nini4758/index.ph...2013-detail?Itemid=0

The file name is shown below the images in these examples but way too close to the image - it needs some padding.

Can you tell me how to fix all this please.

J2.5.9
VM2.0.20b

add:

span.vm-img-desc{
padding:....
}

at bottom of templates/hot_furniturestore/css/vm_furniturestore.css

Thanks for the reply.

I assume you mean for me to add something like:

span.vm-img-desc{
padding: 5px
}

as opposed to

span.vm-img-desc{
padding:....
}

Either way, it seems to make no difference except to pad the space around the file name below the image. text still overlaps the image and the short description still writes over the image. The links I gave have the new CSS added so you can see what I mean.

I have sorted out the image being overwritten by the title - I had no price set and so the space not being occupied by a price shifted the image upwards. If there is a price set the image is displayed under the title as you'd expect.

However, the short description text is still showing over the image - it appears to be at least partly controlled by vmsite-ltr.css here:

.productdetails-view .product-short-description {
margin: 0 0 15px;
padding: 0;
}

but I'm not sure how to alter this to shift the text up above (or below) the image.

It looks ok to me do you have some product with short description over image we can see

I must have removed the short description from those products after your reply...try this one:

srv12.netregistry.net/~nini4758/index.ph...2013-detail?Itemid=0

This should show clearly what happens when I fill in the Short description field.

Now I think about it I'd actually prefer it did not show up at all because the short description is more appropriate next to the product thumbnails in a product list, not in the actual product details page where it's rather redundant. You don't really need the full and short descriptions on the same page.

Cheers

Nick