Aligning PRODUCT INFO items?

[iron_mole]

Using version 1.3.8

I've been going crazy Googling for info on how you align the Product Info page elements. For example, right now the attributes drop down box (shirt sizes) is under the product image and the ADD CART button is under that and to the right. It looks very haphazard and disorganized. I just want to move everything to the right of the image, under the description, one on top of the other.

To clarify, I'm not trying to change the order of which they appear (I can do that), but actually change their positions.

I assume I'll have to manually change a stylesheet somewhere, but for the life of me, I can't figure out which one.

Any help would be appreciated. Thanks.

[torvista]

1) with FF and Firebug you can easily identify what styles are being applied to what div id and from which stylesheet.
Then, also in Firebug, you can delete/make changes to the CSS selectors to see the effect in real time before committing those changes to the actual css file.
2) I put everything that was not already in its own div, in new divs in the template to get finer control of object placement on this page.

[iron_mole]

Thanks for the quick reply.

OK, checked Firebug... as far as I can see the only CSS files that are being called are the stylesheet.css, stylesheet_css_buttons.css, and print_stylesheet.css, and none of those appear to have the neccessary code to make the change. Unless I'm missing something?

I'll continue to investigate, but if there's anyone who can chime in with more info I'd appreciate greatly.

Thanks.

[stevesh]

Layout questions are very difficult to answer unless we can see the site.

If you see an id or class name you want to apply styling to, but it isn't listed in any stylesheet, just add it yourself.