code block height size

hi everyone.. working on a fundraising site for covid-19 relief.. trying to embed a contribution form via code block but the height is limited, forcing one to scroll to see full form...

Can you share link to page where you insert Code Block?

I don't know what form make you are using but maybe this will help you configure how it looks and fits on your site:

https://www.cognitoforms.com/support/175/style-publish/embedding-guides/how-to-embed-forms-on-squarespace

I'm having the same issue.  Could someone please help?

I am trying to insert code for a booking form from a medical program.  I can insert the code and the booking form does show but the box that it is contained to is only 1.5 inches high and really it could be the whole page.  Is there some other code that I can insert to fix the problem?

On 9/16/2020 at 8:37 AM, deezyn said:

I'm having the same issue.  Could someone please help?

I am trying to insert code for a booking form from a medical program.  I can insert the code and the booking form does show but the box that it is contained to is only 1.5 inches high and really it could be the whole page.  Is there some other code that I can insert to fix the problem?

Can you share link to page where you insert Code Block? We can help easier.

Hello! I'm having a similar issue on this site: www.girlsrockphilly.org/independent-contractor 

My goal is to remove the white padding, but squarespace is not letting me re-size the coded embed block. 

Does anyone have any suggestions? Thank you! 

16 hours ago, girlsrockphilly said:

Hello! I'm having a similar issue on this site: www.girlsrockphilly.org/independent-contractor 

My goal is to remove the white padding, but squarespace is not letting me re-size the coded embed block. 

 

Does anyone have any suggestions? Thank you! 

 

Which white padding? Can you take a screenshot?

Hi there I'm having the same problem 

https://www.jo-kempphotography.com/client-galleries

The code block will not change height and clients are having to scroll inside the block.

Help pls! Thank you!

On 11/7/2020 at 12:57 AM, JoKemp said:

Hi there I'm having the same problem 

https://www.jo-kempphotography.com/client-galleries

The code block will not change height and clients are having to scroll inside the block.

Help pls! Thank you!

Add to Home > Design > Custom CSS

div#block-yui_3_17_2_1_1556186893931_4115 iframe {
    height: 2000px !Important;
}

Hi @tuanphan, I'm having a similar issue with my code block. I'm have two code blocks in the page; one that is aligned to the bottom of the viewport and the second that is aligned to the centre just like this reference. How would I do this?

On 10/27/2021 at 11:42 AM, Sarakibi said:

Hi @tuanphan, I'm having a similar issue with my code block. I'm have two code blocks in the page; one that is aligned to the bottom of the viewport and the second that is aligned to the centre just like this reference. How would I do this?

Hi,

Can you share link to page where you added code blocks?

On 10/29/2021 at 2:17 PM, tuanphan said:

Hi,

Can you share link to page where you added code blocks?

Hi Tuanphan, thanks for the reply.

It's "block-yui_3_17_2_1_1635039326718_17045" for the "Scroll to Explore" text and animation. The text that i'm attempting to pin to the centre is "block-yui_3_17_2_1_1635043995886_13790".

These both on the homepage and i've attempted to get it working but unsure if it's 100% right. I need to repeat the same properties to all other pages on the site with wallpapers and text overlays. If I've done it wrong, feel free to tinker with the other pages with the same wallpaper/text overlay compositions. 🙂

Thanks

On 12/2/2021 at 5:21 AM, Sarakibi said:

Hi Tuanphan, thanks for the reply.

It's "block-yui_3_17_2_1_1635039326718_17045" for the "Scroll to Explore" text and animation. The text that i'm attempting to pin to the centre is "block-yui_3_17_2_1_1635043995886_13790".

These both on the homepage and i've attempted to get it working but unsure if it's 100% right. I need to repeat the same properties to all other pages on the site with wallpapers and text overlays. If I've done it wrong, feel free to tinker with the other pages with the same wallpaper/text overlay compositions. 🙂

 

Thanks

It looks like you still haven't shared your site url yet..

Hello @tuanphan, I'm having a similar issue. 

This site is for real estate and the two codes I added can only be seen in a small box, 

Any advice? www.Orlandoflhouses.com password: heretohelp

On 12/8/2021 at 6:54 PM, leslierachell said:

Hello @tuanphan, I'm having a similar issue. 

This site is for real estate and the two codes I added can only be seen in a small box, 

Any advice? www.Orlandoflhouses.com password: heretohelp

It looks like you solved this by resizing height with code?

Hi my site url is https://cielocinematic.com/ and I am getting the same issue with code block on the bottom of my page where I set up a code for my contact button in the header to scroll down to my contact form at the bottom of my site when it is clicked. see screenshots below I tried this code and it does not work.  

div#block-yui_3_17_2_1_1556186893931_4115 iframe {

    height: 2000px !Important;

}

On 2/16/2023 at 1:50 AM, jcielo said:

Hi my site url is https://cielocinematic.com/ and I am getting the same issue with code block on the bottom of my page where I set up a code for my contact button in the header to scroll down to my contact form at the bottom of my site when it is clicked. see screenshots below I tried this code and it does not work.  

div#block-yui_3_17_2_1_1556186893931_4115 iframe {

    height: 2000px !Important;

}

 

 

Add to Design > Custom CSS

/* Love Our Work Contact Form */
@media screen and (max-width:767px) {
.fe-63031461bd02437a9ea6b38b {
    grid-template-rows: repeat(6,minmax(24px, auto)) !important;
}
.fe-block-yui_3_17_2_1_1666292838323_47237 {
    grid-row-start: 2;
}
}

Hi @tuanphan, could you help with advice on sizing of the footer here please? Our newsletter code block is prohibiting us from reducing the size. We'd the footer/page to end below the scrolling element (and remove the empty black space)

https://www.highimpactathletes.org/

On 8/3/2023 at 8:03 AM, k-r-a said:

Hi @tuanphan, could you help with advice on sizing of the footer here please? Our newsletter code block is prohibiting us from reducing the size. We'd the footer/page to end below the scrolling element (and remove the empty black space)

https://www.highimpactathletes.org/

 

Hi. You mean reduce this space?

@tuanphan
Yes, that is correct. Thanks!

26 minutes ago, k-r-a said:

@tuanphan
Yes, that is correct. Thanks!

 

You add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. After then you can reducing the code block sizing.

.sqs-edit-mode-active .code-block .sqs-blockStatus, .sqs-edit-mode-active .code-block .removed-script {
  display: none !important;
}

My website is not allowing me to edit the height of the code block to fit the Laylo embedding that I'm looking for and it is altering the rest of my website. I have attached a screenshot and a link to my website.http://oblereed.com

On 9/9/2023 at 1:18 AM, oblereed said:

My website is not allowing me to edit the height of the code block to fit the Laylo embedding that I'm looking for and it is altering the rest of my website. I have attached a screenshot and a link to my website.http://oblereed.com

Try to Website > Website Tools > Custom CSS

.fe-63ca00a37bdc94454996b3ad {
    grid-template-rows: repeat(12,minmax(calc(~"var(--container-width) * var(--row-height-scaling-factor)"), auto)) !important;
}

Hi, 

Is there a way to make the code block the same size as the object in the embedded content?

Thanks,

On 9/26/2023 at 6:34 AM, AJCunha said:

Hi, 

Is there a way to make the code block the same size as the object in the embedded content?

Thanks,

Can you share link to this page?