Jump to content

How to resize an embedded code field

Recommended Posts

I am trying to insert code for an online sign-up form from EveryAction for use on my organization's website: https://ponohawaiiinitiative.org. Currently, the old MailChimp form is there as I don't want to disrupt current functionality.

Below is the code from EveryAction for embedding an online form on the website. Best as I can tell, the code works fine, as does the form. However, the code block is far too short to house the entire form, so the page is automatically creating a scrolling block, which makes it extremely difficult to view/complete the form. Frustratingly, I've reached out to Squarespace support who had nothing to offer in terms of help and suggested I try here.

Here is the code:


<script type='text/javascript' src='https://d3rse9xjbp8270.cloudfront.net/at.js' crossorigin='anonymous'></script>
<div class="ngp-form"
    data-form-url="https://actions.everyaction.com/v1/Forms/jsa9_IHvuEmMBiJdFI_9WQ2"
    data-fastaction-endpoint="https://fastaction.ngpvan.com"
    data-inline-errors="true"
    data-fastaction-nologin="true"
    data-databag-endpoint="https://profile.ngpvan.com"
    data-databag="everybody"
    data-mobile-autofocus="false" >
</div>

And here is what the draft page looks like with the form block:alt text

Any advice anyone can offer would be helpful. I've tried everything I can think of to resize the code block.

Mahalo!

screen-shot-2019-09-17-at-24450-pm.png.9de55cd69abcf8aa12cd8ddf11e1b07b.png

Link to comment
  • Replies 2
  • Views 1.2k
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.