Jump to content

Code block "bounding/scale box" very large and awkward making it hard to accurately place it on my page.

Recommended Posts


I'm trying to get this code block that I designed as a button to better fit in my page but the code block looks like this when I'm working on my website and as a result I can't align it properly like the rest of my buttons.

As you can see the "bounding box" is very big on the code block and makes it very awkward to place anywhere accurately.



This is the code I'm running:

<a href="#!" class="sqs-block-button-element--medium sqs-block-button-element sqs-button-element--primary" id="buy">Buy now</a>
<script type="text/javascript">
	function openCheckout() {
		Paddle.Checkout.open({ product: 111111 });
	document.getElementById('buy').addEventListener('click', openCheckout, false);

If anyone has any tips that would be appreciated!

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Add this to Custom CSS, then refresh the page and resize the block:

html.squarespace-damask .sqs-blockStatus, .sqs-block .removed-script {
  display: none !important;

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.