Product info customisation

[joe3b]

Hello,

url: http://bit.ly/cLsq25

I'm trying to center the main product image inside "productInfoCenter".

The CSS I've used, which doesn't seem to center is as follows:

#productInfoCenter{
float:left;
width:275px;
margin-right: 25px;
padding: 0;
border: 1px solid #D5CAB2;
text-align:center;
}

Can anyone help me please?

Thanks.

[schoolboy]

I dont recall

#productInfoCenter

being a specified DIV ID in standard ZC code.

[joe3b]

That was my own defined div id.

I wanted it so that the main product image and the additional images were together.

[stevesh]

Easiest way might be to change the red zero to 35px or so.

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0 20px 10px 0 ;
}

If that messes up the others, just split #productMainImage into its own statement.

[schoolboy]

Did you code it into the tpl_product_info_display.php file?

[joe3b]

Easiest way might be to change the red zero to 35px or so.

#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
margin: 0 20px 10px 0 ;
}

If that messes up the others, just split #productMainImage into its own statement.

Thanks, I'll give that a go and revert the results here.

[joe3b]

Did you code it into the tpl_product_info_display.php file?

I coded the DIV ID "productInfoCenter" into stylesheet.css and placed the main images product and additional product images into <div id="productInfoCenter">

[joe3b]

I repositioned the main image as follows:

#productMainImage{
margin: 0 20px 10px 37.5px ;
}

I just need to make a note to change this if ever I change the main image size.

Thanks for all your help!