Layout change?: Product Image centered and attributes/descriptions/add to cart below

I have been scouring over the forums for the past 2 hours and I can't seem to figure out how to make this happen.

I would like for the product image to stand alone and all the other items to be below it... additional images below and then below that

attributes on left below additional images and add to cart on right and then below all of that description of product.

I have tried to add a <br> below the eof product image code in the tpl_product_info_display.php file... but all that did was put it down one line.

my site is http://worshamdesigns.com/index.php?main_page=product_info&cPath=1&products_id=50

Thank you so much for anyone who can help!

You were in the correct file but between certain blocks you need to add a clear both statement and reorder the blocks into the order you want them to appear

cear both forces the block to a new line

There are several of these pre made in the free software addons section above left is link - - one might be what you are seeking or you can edit your own

ok how does the clear both statement work? what is the actual wording code?

I will take a look at the add on's! Thanks so much for your quick response! :clap:

how does the clear both statement work?
It forces the block to a new line

what is the actual wording code?
When you have the file open in an editor there are several instances of it for you to copy

just found it! Thanks so much!

Ok I've gotten everything changed! EXCEPT... i can't for the life of me figure out how to center the product name and price?

any help? :)

You have mussed up the title and price

From your view source and notice what is red does not follow the proper form that is in green

<!--bof Product Name-->
<h7 id="productName" class="docProduct">santa approved</h7>
<!--eof Product Name-->
<br class="clearBoth" />

<!--bof Product Price block -->
<h8 id="productPrices" class="docProduct">
Starting at: $25.00</h8>
<!--eof Product Price block -->
<br class="clearBoth" />

<!--bof Main Product Image -->

[B]<div id="productMainImage"[/B] class="centeredContent">

h7 & h8 need to be <div id=

Then they can be addressed in the css