G1derful Posted April 16, 2020 Share Posted April 16, 2020 (edited) 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 April 16, 2020 by G1derful Link to comment
tuanphan Posted April 23, 2020 Share Posted April 23, 2020 Can you share link to page where you insert Code Block? 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
derricksrandomviews Posted April 24, 2020 Share Posted April 24, 2020 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 Link to comment
deezyn Posted September 16, 2020 Share Posted September 16, 2020 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? Link to comment
tuanphan Posted September 18, 2020 Share Posted September 18, 2020 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
girlsrockphilly Posted October 2, 2020 Share Posted October 2, 2020 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! Link to comment
tuanphan Posted October 3, 2020 Share Posted October 3, 2020 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
JoKemp Posted November 6, 2020 Share Posted November 6, 2020 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! Link to comment
tuanphan Posted November 10, 2020 Share Posted November 10, 2020 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; } gwhiz 1 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
Sarakibi Posted October 27, 2021 Share Posted October 27, 2021 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? Link to comment
tuanphan Posted October 29, 2021 Share Posted October 29, 2021 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? 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
Sarakibi Posted December 1, 2021 Share Posted December 1, 2021 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
tuanphan Posted December 4, 2021 Share Posted December 4, 2021 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
leslierachell Posted December 8, 2021 Share Posted December 8, 2021 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 Link to comment
tuanphan Posted December 11, 2021 Share Posted December 11, 2021 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? 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
jcielo Posted February 15 Share Posted February 15 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; } Link to comment
tuanphan Posted February 21 Share Posted February 21 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; } } 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
k-r-a Posted August 3 Share Posted August 3 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/ Link to comment
tuanphan Posted August 4 Share Posted August 4 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? 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
k-r-a Posted August 25 Share Posted August 25 @tuanphan Yes, that is correct. Thanks! Link to comment
Web_Solutions Posted August 25 Share Posted August 25 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; } tuanphan 1 If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks MD Rofik Website Designer and Digital Marketer ☕Am I helpful? Want to offer me a coffee? ✉ Send me a message if needed any help. I'll try to reply as soon as possible. Link to comment
oblereed Posted September 8 Share Posted September 8 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 Link to comment
tuanphan Posted September 12 Share Posted September 12 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; } 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
AJCunha Posted September 25 Share Posted September 25 Hi, Is there a way to make the code block the same size as the object in the embedded content? Thanks, Link to comment
tuanphan Posted September 27 Share Posted September 27 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? 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment