Product Image Position

[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.

[gjh42]

You can get rid of all the repeated
width="50%" align="left" valign="top" style="background-color: #F3F3F3;"
in the <td> tags, and put one declaration in your stylesheet that will control them all.

#productDescription td {
    width: 50%;
    text-align: left;
    vertical-align: top;
    background-color: #F3F3F3;
    }

[JackA]

I can't figure how to get rid of those repeated declarations. What drives those? They are not in the stylesheet.css that I can find. Is it a .php file? I'm using Firebug, also. This area is in a form.