Centering Embedded Shopify Buy Buttons

I’m adding this solution I discovered to a Shopify problem so anyone coming after me with the same problem can find the quick fix.

If you want to center a Shopify Buy Button into a Div that is wider than 240 pixels, you will find that the button doesn’t look centered. The reason is that the button has been hard coded by Shopify for a “product width” of 240 px.

So the solution is simply to apply a class to make your embed code element 240px and center that.

Easy peasy.

2 Likes