How to Make Shopify Buy Button Full-Width

Hello and happy new year!

I am trying to manipulate the code of the Add to Cart Shopify Buy Button on the page below, however, it seems impossible. I cannot manage to do it. I can make it work in my browser while inspecting the CSS, but once I try to manipulate the code inline or separately it just won’t do it. Can anyone help?


https://www.theologica.co/product/married-proverbs-31-29-interlocking-heart-necklace-for-wife

https://preview.webflow.com/preview/theologica?utm_medium=preview_link&utm_source=designer&utm_content=theologica&preview=86f11ee8b2e44eaceac431e5db46eaa7&pageId=5fe9dced020395fb0edb00a1&itemId=5ffe297c43534cb03f2654cd&mode=preview

Shopify buy button? could you send some more screenshots of the custom code?

Sure: Image 2021-01-13 at 9.34.49 PM

Thanks!

What you can do is give the “Html embed 3” a fixed width in webflow.

Right here you can change that property. I picked 200px
image ¨

That makes the code embed scale to that specific width.

Let me know if that helps.

Felix