How to make the full view buy button full width on page squarespace?

Store Design
, , , ,

Topic summary

A user is attempting to embed a Shopify product (using Shopify’s Buy Button) into a Squarespace product page and wants the buy button to display at full width. They’ve shared their current implementation code and a screenshot showing the button is not spanning the full width.

Current situation:

  • The Shopify Buy Button embed code has been added to Squarespace
  • The button appears narrower than desired
  • The user has included styling parameters in their JavaScript code

Key challenge:
Another participant questions whether custom CSS can be applied to modify the Shopify Buy Button Add-on within Squarespace, suggesting this may be a technical limitation.

Status: The discussion remains unresolved, with the original poster unable to determine the correct CSS modifications needed to achieve full-width styling for the embedded Shopify button.

Summarized with AI on November 12. AI used: claude-sonnet-4-5-20250929.
1

WEBPAGE: https://celery-polygon-kwcn.squarespace.com/seamoss-gel-200ml

Hi,

I’m trying to get the individual shopify product to be full width on the squarespace site. could anybody please help?

It currently looks like this:

Screenshot 2024-02-21 at 13.35.55.png
Screenshot 2024-02-21 at 13.35.55.png2766×1350 203 KB

code:

2

Squarespace? How did you get the products into your Squarespace site?

3

Buy Button Addon

4

Oh the Addon. For your problem, can’t you add CSS to it?

5

I can’t figure out what the CSS coding would be from the code above ^ to make the width bigger