Jump to content

code block height size

Recommended Posts

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

I also tried putting the code into a squarespace embed block. I tried putting entire embed code i was give, including script, into a squarespace code block. I tried putting entire embed code i was given, including script, into a squarespace embed block. I tried injecting script into site-wide head as well as page specific head. I identified block ID and tried CSS injection to change height of block. Nothing works. 

 

Anyway you can help? Thanks in advance!

Edited by G1derful
Link to comment
  • 4 months later...

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?

Screenshot 2020-09-16 113629.png

Link to comment
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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
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?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 11 months later...
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?

1547478339_CleanShot2021-10-27at15_38.27@2x.thumb.png.f3c4a193dd7107fab9bfbbb67e683205.png

Hi,

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 1 month later...
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

Link to comment
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..

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

Example 1.PNG

example 2.PNG

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

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.