Product Image & Description Position!!

[frontier2002]

The default setting for product image is align left and description follow after that. This make the whole thing look messy

I have searched the forum about this but nothing much help.

My problem is:

How can i adjust the product image to the center and put the description below the image.

Currently it look like this: http://cheap-activation.com/index.ph...&products_id=9

You see the image and description looking messy.

[kobra]

One can edit a copy of tpl_product_info_display.php for order and add a clear to force a new line after the image
Or you might have a look at a module for creating tabs for your description, specifications, etc with a module

http://www.zen-cart.com/index.php?ma...roducts_id=924

[frontier2002]

Ok i will look into this and inform you the result later

[frontier2002]

One can edit a copy of tpl_product_info_display.php for order and add a clear to force a new line after the image
Or you might have a look at a module for creating tabs for your description, specifications, etc with a module

http://www.zen-cart.com/index.php?ma...roducts_id=924

Sorry after looking at the whole code structure of the tpl_product_info_display.php now i am confused which one should i edit and what code to put to make the image go center and description below it

[kobra]

Add the clear as indicated in red

<!--eof free ship icon  -->
<br class="clearBoth" />
 <!--bof Product description -->

styling for centering will be through your stylesheet

[frontier2002]

Add the clear as indicated in red

<!--eof free ship icon  -->
<br class="clearBoth" />
 <!--bof Product description -->

styling for centering will be through your stylesheet

Sorry to ask too much..but which stylesheet should i edit?? where is the location.

[kobra]

Sorry to ask too much..but which stylesheet should i edit?? where is the location.

The one that came with your TemplateMonster template - -and you should search this site for them and their issues

[gjh42]

You appear to have added a bunch of blank lines to your description to get the text below the image. You don't actually need to use this trick or edit any PHP files; just add to your stylesheet:

#productDescription {clear: both;}

and then delete the extra lines in your description.

[gjh42]

If you really want the main product image centered, all you need to do is add to your stylesheet_main.css

#productMainImage {float: none;}

This will put the description below the image without any clear: both; required.

Then if you want the price on the right, find this in stylesheet_main and add float: right; as shown

#productPrices {color:#C70E06; font-family:tahoma; font-size:13px; line-height:normal; font-weight:bold; float: right;}

[frontier2002]

You appear to have added a bunch of blank lines to your description to get the text below the image. You don't actually need to use this trick or edit any PHP files; just add to your stylesheet:

#productDescription {clear: both;}

and then delete the extra lines in your description.

Can i put this: #productDescription {clear: both;} in any line of the codes structure??