Product Image Position

[wittymom]

I've searched for this and my terms are too general to find it.

I just want my image on the right-hand side instead of the left-hand side in product view.

I can't find the setting -- does it exist? If not, what template file is this in?

Pullin' me hair out!! ;)

Thanks!

[gjh42]

If you're talking about the product info page (which shows details of a single product), try editing your /includes/templates/your_template/css/stylesheet.css to add

#productMainImage {float: right;}

Look for any other instances of #productMainImage and ensure that you are not being overridden elsewhere.

[wittymom]

Thank you! That's exactly what I needed. :)

[misty]

http://mysticmountainnaturals.com/te...ex&cPath=15_13
Or you can choose one of the product display modules
from above

[JackA]

I added a border to all my main images and now the text is adjacent the image border on the right side of the image. How do I move the product info to the right?
I tried margin on the image and on the div id, but didn't help.

Jack

[gjh42]

A link to see the problem in action?

[JackA]

Thanks! Here you go ---
http://www.artbeautiful.com/index.ph...oducts_id=1622

FYI, I downloaded your Categories Dressing but haven't tried it yet. To tell the truth, the Zen C learning curve for me, a non-developer, has been no curve at all --- just a sheer vertical wall.

[gjh42]

It was a wall for me for quite a while, too... eventually I found the forum and started learning how & where to edit things.

Your first problem with the image is that you put your customized #productMainImage declaration above the existing one, so the original margins overrode yours. Always check to see if a class or id has been used in the stylesheet already, and if so try to edit that instead of adding another instance.

[JackA]

OK--done. What do I know?

Can you advise me on that table containing the product info? Do I need to create a new style for that to control the colors? If so, can you tell me the applicable .php?

Thanks.
J

[gjh42]

You already have all the tags you need to control that table in your stylesheet (actually more than enough - you don't even need the .bodycopy).

You can style any or all of

#productDescription table { }
#productDescription tr { }
#productDescription td { }

with any CSS you want.