Embedded form takes more space than necessary.

Website: https://badger-cricket-e7n2.squarespace.com/

Websitepassword: Arnoridesign2211

Dear members,

I have embedded a form from Typeform in my homepage. The embed box takes more space than necessary. I have tried changing the height to 300px or 400px but that just makes the form shorter. When I put the height at 500px, the form looks good but the box itself takes more space than necessary and so the next section starts a little too far below. I tried dragging the embed box above but it won't shorten more than a certain point.

Help is much appreciated! Thanks so much!

Hi,

You mean this space?

On 1/27/2023 at 3:13 AM, tuanphan said:

Hi,

You mean this space?

Hey! Yes, that is correct. I am just not being able to fix it. Thanks for having a look!

On 1/30/2023 at 2:17 PM, Regont said:

Hey! Yes, that is correct. I am just not being able to fix it. Thanks for having a look!

Hey @tuanphan, have you had the chance to look at this? Thanks so much!

On 2/3/2023 at 9:09 AM, tuanphan said:

Add to Home Page Header (DO not add to Design > Custom CSS)

<style>
  .fe-6345de454866bc455298af39 {
    grid-template-rows: repeat(20,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)) !important;
}
</style>

 

Thank you so much! You are absolutely the best!

BTW! I found this solution too which worked for me!