Jump to content

Code block causing page section to extend

Go to solution Solved by Ziggy,

Recommended Posts

I've made a demo page from our website to illustrate the issue at https://weis.squarespace.com/panto-test

We're trying to set buttons to scroll the page to an a form, and #anchor links are proving unreliable, even when used according to Squarespace's recommendations.

So instead we are using a code block to create a button - saying Enquire Now - which when clicked uses javascript to scroll to the form at the bottom of the page. The code works well, and I want to put the button beneath the text describing the show, as I have done in the white background page section covering Beauty and the Beast.

Unfortunately the code block etends a long way beneath the button, and creates a huge amount of whitespace beneath it. In the attached screenshot you can see the huge amount of space beneath the button.

What I want to avoid is starting a third column to the right to accommodate the whitespace, as I have done in the pale blue Dick Whittington area below.

What is causing this, and what can I do please?

Screenshot 2023-09-11 at 19.32.35.png

Link to comment
  • Solution

Quite often the persistent warning messages on the code block mean that you can't make the block small enough, this Custom CSS hides those warnings and allows you to edit the height of the block on the page.

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: 
https://squarefortytwo.com 

🔌 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

That good!

You can see from the shared screenshot that the button exceeds the two rows by a tiny amount, so if you want to reduce the button to two rows you'll need to make the button shorter by reducing the padding.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 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.