Center Buy Button?

Highlighted
Shopify Partner
2 0 1

Greetings,

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!

Highlighted
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?

Highlighted
New Member
1 0 1

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

Highlighted
Tourist
6 1 0

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

</script>

</div>

 

I hope this helps someone.

0 Likes