Center Buy Button?

Shopify Partner
2 0 1


I created a "Buy Button" to embed into an existing website. I created a Buy Button only; no image. The product has variants, so the code puts the button and drop down list for the variants.

The problem is, the drop down list and button are left justified, and I need them to be centered.

How can I do this?

Thank you very much!

Shopify Partner
7 0 2

I am also trying to figure this out. I want to use the buy button as a call to action in a salesletter, but the div options are so limiting! I can't get it to format correctly on the page.

Anyone help?

New Member
1 0 1

Has anyone figured this out yet? If so, please share your code. Thanks!

8 2 1

I realize this is an old post, but try adding <div align="center"> before the Buy Button HTML code and </div> after.

<div align="center">

<div id='product-component-123456789'></div>
<script type="text/javascript">

Buy Button HTML Code




I hope this helps someone.