Adding Border & Title to Product Info Page

Hi Guys,

We are basically trying to get to this kind of layout on the product info page:
http://www.flutterbyweddings.co.uk/products/wild-daisy-wedding-tiara.htm

at the moment we are here:
http://tiaras4u.com/zencart/index.php?main_page=product_info&cPath=70&products_id=180

We need to add a border box from the product image to the bottom under the add to car.

And then a seperate border around the additional images.

Also could do with some way of adding a title above the additional images is their anyway of doing this? It can be an image or text not fussed!

Ive attached a rough layout to help.

Im pretty sure this is mainly a CSS change but dont know the references to use!

Thanks
:clap:

Better image attached........

BUMP

IF this isn't actually possible could someone let me know please =)

Thanks

The example site just used a "border" with their "productdetails" class. You can apply the same to whichever Class(s) you want.

Thanks added this:

#productGeneral {
width: 750px;
border:1px solid #000000;
padding-left: 5px;
padding-bottom: 90px;
padding-top: 0px;
margin-left: auto ;
margin-right: auto ;
}

and it worked! =)

You can add titles to additional images with Additional Image Titles.

It is intended for titling individual images, but you could title just one per product, and then position it as your picture shows with CSS; or perhaps you will like being able to describe each additional image.