How do I align the Product Price Block to the right of the Main Image ?!?!

[haredo]

Please read carefully on my directions ...
You have two different .css files to edit ...

Erase just what you did and try again ...

[jnb41578]

Ok I went back into my tpl_product_info_display.php file and rearranged the code a little. I added the wishlist button after the cart button code and placed both of those under the price block code. Now, if I can just get the images in the gray block (somehow extend it to make it taller) and remove the cell padding (or lessen) and remove the dividers between the additional images I will be in business! :) Thanks so much for all your help so far!

http://www.svgattic.com/index.php?ma...roducts_id=279

1. How to make the price block area larger to accomodate the buttons.

2. Cell padding and dividers between additional images.

3. Align additional images neatly in one row under main image.

[haredo]

#productDescription
add a
float:left;

#productAdditionalImages
add a
float:left;

#cart
change padding from 20px to 30px;

[jnb41578]

I assumed I was to add that to the stylesheet.css but it just put everything out of whack that you just helped me fix so I undid it. Thank you for all your hard work! I will keep messing with, but right now I need to take a break. Thanks a bunch!

[picaflor-azul]

Ok I went back into my tpl_product_info_display.php file and rearranged the code a little. I added the wishlist button after the cart button code and placed both of those under the price block code. Now, if I can just get the images in the gray block (somehow extend it to make it taller) and remove the cell padding (or lessen) and remove the dividers between the additional images I will be in business! :) Thanks so much for all your help so far!

http://www.svgattic.com/index.php?ma...roducts_id=279

1. How to make the price block area larger to accomodate the buttons.

2. Cell padding and dividers between additional images.

3. Align additional images neatly in one row under main image.

1. Find #cart in your stylesheet.css file and change the padding to: padding: 30px 30px 50px;

3. Move the code block for additional images directly below the code block for the product main image in the tpl_product_info_display.php file

You will need to do #3 before I can comment on the cell padding and dividers between additional images and additional images neatly in one row under main image.

Thanks,

Anne

[jnb41578]

1. Find #cart in your stylesheet.css file and change the padding to: padding: 30px 30px 50px;

3. Move the code block for additional images directly below the code block for the product main image in the tpl_product_info_display.php file

You will need to do #3 before I can comment on the cell padding and dividers between additional images and additional images neatly in one row under main image.

Thanks,

Anne

Hi Anne,

Thank you very much for your help. I have finished the above two directions. Waiting for the next. I appreciate your help.

jnb41578