▼
Streaming live at 10am (PST)

How to Make Shopify Buy Button Full-Width

Design help Custom code
#1

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://preview.webflow.com/preview/theologica?utm_medium=preview_link&utm_source=designer&utm_content=theologica&preview=86f11ee8b2e44eaceac431e5db46eaa7&pageId=5fe9dced020395fb0edb00a1&itemId=5ffe297c43534cb03f2654cd&mode=preview

#2

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

#3

Sure: Image 2021-01-13 at 9.34.49 PM

Thanks!

#4

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

image
image169×549 11.4 KB

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

That makes the code embed scale to that specific width.

image
image424×672 40.9 KB

Let me know if that helps.

Felix