Aligning Add to Cart with Attributes

[ak6000]

Hi Folks,

I like to align my quantity and Add To Cart button with my attributes in Product_info page.

Currently the attributes are under the Product Name and Add to Cart button is aligned to the right.

How can I align all items in product_info page in one area?

Appreciate any help you can give me.

[kobra]

A link to see this will assist

[ak6000]

Hi Kobra,

Thanks for your reply. Here is a link for product info page:
http://s415710195.onlinehome.us/cata...roducts_id=288

As you can see the two attributes, Size and Color, are aligned under Product Title and Price. The Quantity and Add To Cart buttons are aligned to right.

In the CSS, I changed the float in #cardAdd to left, but that pushed both quantity and add to cart to far left, right under the image. What I like to do is align them with attributes.

Thanks for your help.

[kobra]

Try editing this line in your stylesheet.css file

#cartAdd {text-align: center;margin: 1em 0em 0em 17em ;border: 0px solid #000;padding: 1em;float:left;}

[ak6000]

Sorry for getting back to you a bit late. I tried your recommendation and it works fine for that specific page, however, it mess ups all other product pages!

I tried using different setting and playing with offsets but it is just not working.

I believe this is due to the size of image and the fact that some of the products don't have any attributes.

With that in mind, is there a way to move Product Price and attributes to the Right rather than Add to Cart button to the left? I assume it should be easier to line up all items this way.

Thanks for your time.