Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'iframe'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • France Designers πŸ‡«πŸ‡·'s Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: http://www.taylornicoleportraits.com/availability I've been troubleshooting for hours and hours. I cant find any css or add any code to the iframe or anything to get rid of it. if I use the chrome inspect feature I can toggle the code that seems to be causing it, but none of the fixes i've seen in the forums google or anywhere fixes it. I just want the code block tall enough to fit all the content withOUT a scrollbar. it doesnt matter what height I set the iframe though, i literally set it to 1million pixels and that just makes a scrollbar that tall as well. here is what i've put in the code block: <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/3.5.14/iframeResizer.min.js"></script><iframe src="https://hello.dubsado.com:443/public/schedulerGroup/60fb1727a84ea303aaceed3a?isIframe=true" frameborder="0" style="width:0px; min-width:100%; min-height:500px"></iframe><script type="text/javascript">setTimeout(function(){iFrameResize({checkOrigin: false, heightCalculationMethod: "taggedElement"});}, 30)</script> help me remove this scrollbar please!
  2. Site URL: https://www.canfieldhousebnb.com/new-page Hi, I am trying to add a booking engine iframe into my site. However the top of the iframe is getting covered by the header. Any help is greatly appreciated. Thank you in advance. Ryan
  3. Site URL: https://www.cleanplate.co.nz/e-cookbook Hi There, I am working on a page for a client where we have embedded and externally hosted PDF Flip eBook into an iframe. I have noticed that while on desktop, everything looks fine, but on mobile, the ui controls gets trimmed off at either side in spite of the overall width of the iframe being set at 100%. The classes I want to target are (I think): .pdff-ui-wrapper .pdff-ui-controls with of width of 99% for mobile or suchlike But using the CSS editor within Squarespace, it doesn't recognize the classes as they are not 'native' to the project. Does anyone know of a quick fix for this or another way apart from how I have added the iframe? I have looked online and am a bit confused. Best regards.
  4. Site URL: https://www.armstronglloyd.co.uk/technology-marketing-salary-survey I wonder if someone could help me out please? I have a I-frame on the site for a survey using Google forms - https://www.armstronglloyd.co.uk/technology-marketing-salary-survey. I can not for the life of me work out how to get this I-frame responsive so it sits properly on mobile. I've tried a variety of different coding approaches and given up in frustration! If anyone could point me in the right direction I would be so grateful! Thanks, Kate
  5. Site URL: https://www.kevalahealth.com.au Hello everyone, Sorry if this question has been answered before as I have tried to follow instructions on here and its not working! QU: I'm trying to embed a youtube video onto my site so it can autoplay and not have other youtube videos follow on after mine! I've tried to use the formula from Kelli_carley in previous emails and its not working. See my attachment. QU: Do I save my video to a playlist first, then use that embed code and make the relevant changes as advised by Kelli ? See her attachment? I have tried both ways. Hope someone canhelp? Jodie πŸ™‚πŸ™‚
  6. Site URL: https://www.scocp.org/calendar Our Google calendar iframe stopped working the other day for people not logged into Google. 1. I've verified that the "Make available to public" option is selected on the calendar settings page. 2. I've unchecked and re-checked the box to reset the setting on this option 3. I've deleted the code block on squarespace and updated the iframe code <DIV Class=responsiveCal> <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23ffffff&amp;ctz=America%2FNew_York&amp;src=c3BvcnRzbWVuc2NjcEBnbWFpbC5jb20&amp;color=%233F51B5&amp;showTz=0&amp;showCalendars=0&amp;showTabs=0&amp;showPrint=1&amp;showDate=1&amp;showNav=1&amp;showTitle=0" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe> </DIV> 4. CSS Code for class referenced above has remained unchanged for well over 2 years: .responsiveCal { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; } .responsiveCal iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } Nothing I do seems to fix the issue and I can't find any recent posts showing others having the same issue. I did notice that SquareSpace recently updated their editing interface (making it somewhat worse - but I digress) and figured maybe the two were related. Any suggestions? Thanks, Frank
  7. Site URL: https://www.SierraLakesRealEstateBrokerage.com Going to mess around with it a while longer. Just hoping one of you guy on this form have encountered this before when inserting a html code. This is how it looks like right now on my page. Cuts of more than 90% of the information.
  8. Site URL: https://www.kidscreatefun.com/ Help! I just tried to add this code <iframe width="100%" height="700" frameborder="0" allowfullscreen src="https://pollunit.com/polls/kidscreatefun?embed=1"></iframe> and it just wont work. I have no idea why. Anyone know why?
  9. Site URL: https://cheetah-capybera-ewxp.squarespace.com/tvtest1 Hi, We are trying to add a page to our site that will host a large iframe. In the image attached, you can see that our iframe is within a div from Squarespace called sqs-block-content. This div is a limited size. We tried putting a inline style on our iframe in the code block of width 100vw, height 100vh. Nothing happens. Is there a way to override the code block default styling ?
  10. Site URL: https://www.thegoondocks.tv/contact Hi, I'm looking to include an iframe onto my site using the code block. I'm able to get it onto the site, but it's appearing small. I'm using the following code to input it onto the site. <html> <body style="height:100%;width:100%;" > <iframe style="height:100%;width:100%;border: none;" id="inlineFrameExample" title="Inline Frame Example" src="https://api.fotomasterltd.net/photo-mosaic-booth/live//presentation.html?clientId=1236250&eventId=1584549111249-2020-MARCH-WFH-Test10-100&columns=15&rows=15&focusOption=false" /> </body> </html> I've attached a video for reference. If anyone can help solve this issue I'm having it would be greatly appreciated. Thanks, Panda Mosaic Embed SS.mov
  11. Site URL: https://www.haystackd.io/about I'm having an issue with my SS site that I've never seen before and it's driving me crazy (tried everything). It's related to iframe(s) via Google Sheets that have been formatted perfectly until now, and I'd be incredibly grateful for any tips/advice. This issue(s) can be seen at https://www.haystackd.io/about in the "Fast Facts" section and basically, I'm getting blank spaces (looks like a 1px line) to the left of each figure that's listed there. Again, these figures are coming in via iframe from a Google Sheet and for months I've had no issues with the formatting. Through trial and error, I'm confident this empty space is likely coming from the Google Sheet (not the exterior element) and iframe sizing doesn't seem to be the issue as the line remains regardless of how big/small I make dimensions. Additionally, I don't think this is a problem with borders/overflow as they've already been eliminated. When I inspect the element/empty space, it appears it's a styling component called "row-headers-background.row-header-shim" but I've never seen/heard of this before and I get the same line/empty space when testing with other Google Sheets. I've included a screenshot of what I'm attempting to eliminate and once more, I'd really appreciate any assistance. Let me know if you have any questions and I trust the solution to this issue might be helpful for other members in this Community utilizing iframes in SS. Thanks!
  12. Site URL: https://www.madisoncatproject.org/appointment-request When we load this page, it jumps to the iFrame in Chrome/Edge. Safari seems to handle it appropriately. No matter of injected code has helped to load this either lazily, or on document ready...or anything I've tried to do to have it stay at the top of the page. Any suggestions for me?
  13. Hi, I am starting to put together a website and have a live stream webcam that is inserted via an iframe. I have added the code block and put the iframe code in at which point it displays in the editor however, when viewing out of edit mode it doesn't display and is just a blank area. Any advice? Thanks
  14. Site URL: https://catchaaron.com Does anyone know how to fix iFrame / embed links being blocked from Instagram and Flipping Book? Here are examples of the two challenges I'm seeing: https://www.catchaaron.com/outoffashion Scroll down and you will see the Instagram posts are not fully appearing. And on this page, https://www.catchaaron.com/redwingwantshow, I'm trying to drop in both a Flippingbook and Instagram posts. All embed codes are HTTPS, as far as I can tell. Any advice? Thank you in advance for your help. Here's the embed code for the Flippingbook: <a href="https://content.rwsc.co/view/903826/" class="fbo-embed" data-fbo-id="903826" data-fbo-lightbox="yes" data-fbo-width="1920px" data-fbo-height="1080px" data-fbo-version="1" style="max-width: 100%">Red Wing Heritage &amp; Want Show Laundry Collaboration</a><script async defer src="https://online.flippingbook.com/EmbedScriptUrl.aspx?m=redir&hid=903826"></script> And here's an example of an Instagram embed code that's not appearing on my site: <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/p/CMj54a1nWeV/?utm_source=ig_embed&amp;utm_campaign=loading" data-instgrm-version="13" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/CMj54a1nWeV/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;"> View this post on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/CMj54a1nWeV/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">A post shared by θ¬η§€ηš„ζ΄—θ‘£εΊ—ο½œWANT SHOW as young (@wantshowasyoung)</a></p></div></blockquote> <script async src="//www.instagram.com/embed.js"></script>
  15. Site URL: https://data-construccion.squarespace.com/ Hello there - I'm struggling here. I have a customer who is super protective with his products. He wants to publish a book, but don't want people to download it (easily). So, I figured the Google Doc Publish option would be a good option. The problem is I paste the code of iFrame in my site... and it's not working. I mean, you'll see a horrible box and I tried to add size and everything, but still not looking good in the mobile version. Any help? <iframe src="https://docs.google.com/document/d/e/2PACX-1vR9v9lJ92AdWY892yS8nWyV9BwbiKvrgq5ozEIMOkRiBqnCpS7GCOMWgyKSzp4WSUTkneZ6dUYJba4c/pub?embedded=true"> </iframe>
  16. Site URL: https://robinleechrealestate.com Hello All, I have not used the forum before, so please correct me if I am incorrect in using. My problem is a real estate website if have built with version 7.0, the Five template. The site is https://www.robinleechrealestate.com. or https://blenny-chicory-ad3h.squarespace.com/config/pages When I open the MLS-Search page and copy the link sent to me from the MLS service, the page does not expand due too the use of iframes. Has anyone else have this problem? I have tried to change the size (height and width) but that did not work, thought a <div> </div> might work, but no good. All I want to do is fit the screen/form on the page in full view with the link of to the mls when hitting the button on the form. Really could use some direction. Thanks Jill Hoben/Grasshopper
  17. Hello! I have embedded my Square store into my Square Space (Canadian) based website using an iframe, however when I proceed to checkout after adding an item from the embedded store, there are no items in the checkout location. At the stand alone store page at Square.Site, checkout works without a problem. Square and Square Space have provided no help. I have tried to find a solution but I am at a loss. Any help would be greatly appreciated.
  18. Hi, Last week my embedded videos were working fine in desktop and mobile view. This morning, mobile view the videos are pushing all the content out of alignment. As if the embed block is suddenly too large for the page and the video is going into the right margin. Is anyone else having this problem. Nothing else on the site changed. I tried adding this code to target the videos in CSS but it has no effect on them. /* resize mobile video */ @media screen and (max-width:767px) { div#block- yui_3_17_2_1_1620636019096_30 { width: 40%; margin: 0 auto; padding: 0; } } They are embed codes from a paid YouTube account. Example code: <iframe width="560" height="315" src="https://www.youtube.com/embed/[number]" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> Any suggestions appreciated! I can't give the website because it is a client's, behind a password with proprietary info. Thanks
  19. Site URL: https://hitlikeagirlpod.com/episodes I'm switching my podcast episodes from the built in SS audio player to Megaphone's service, which gets pulled in through to each episode post through an iframe. Does this change require that I update my RSS feed to Megaphone's, or will SS pick up the audiofile from the iframe code? I have the business plan.
  20. Hi, I'm having the same problem as this user. iframe seems to disable the navigation on desktop and removes the hamburger menu on mobile. I've tried it both as a code block and and embed block and there isn't any change. No code injection. I really only use CSS to customize text so it shouldn't be affecting this. Affected website link. Normal website link (for reference). Code for the iFrame: <!DOCTYPE html> <html style="height: 100%; margin: 0; border: 0"> <body style="height: 100%; margin: 0; border: 0"> <iframe src="https://hub.catalogit.app/iframe/110" style="border: none; width: 100%; height: 750px; box-sizing: border-box" /> </body> </html>
  21. Site URL: https://www.seismic-change.com I have an iframe embedding a background Vimeo video for a background video on a section with fallback image. The iframe html looks like this I would like to add a custom parameter as documented here https://vimeo.zendesk.com/hc/en-us/articles/360001494447-Using-Player-Parameters. The parameter I would like to add the Do Not Track parameter or dnt=true I have tried adjusting with javascript using jQuery on ready to look like this however it appears that this does not have the desired affect as cookies and analytics are still showing Are there any plans to support custom attributes in background vimeo iframes. At the moment it appears all attributes are stripped out or sanitised. Alternatively, is there a way to embed an iframe as part of a custom html page, say in a manner similar to how a section is currently put together?
  22. Site URL: https://thegrainstorelewes.com/creative-shoot-location Hi all, Firstly, I am no coder so have been banging my head with this one having followed all the steps on the Squarespace support site. I Have tried to add a custom code to my client's site to embed a VR tour which is on our partner's site (here's what it should look like). The code is for an iframe and has been added as HTML code. In the coding, the sizing is set to 100x100% but on the site is displays at the right width but the height is capped. I have tried adding via a code box and using the embed content block and neither works. Can anyone advise how I get this the right size. Link to the page and the code copied below for reference. In addition, 90% of the time, I can't see the embedded tour at all when I use Chrome. It just doesn't load. Thanks for any help available, Katherine https://thegrainstorelewes.com/creative-shoot-location <iframe src="//storage.net-fs.com/hosting/7043985/1/" name="The Grain Store Master" width="100%" height="100%" frameborder="0" allow="fullscreen; accelerometer; gyroscope; magnetometer; vr; xr; xr-spatial-tracking; autoplay; camera; microphone" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"></iframe>
  23. Site URL: https://livolsirosaries.com/stuller-crucifixes Hi, I embedded an iframe from another website, but I don't like my website's header and footer make the scrolling experience a bit uncomfortable. Both the header and footer stay (depending on which end of the page from which you initiate scrolling) on the screen while you're scrolling through the iframe, and I'd like to integrate scrolling through the iframe with the page in which it's embedded. I'm not sure if that makes sense, so if it doesn't don't hesitate to let me know! Thank you so much in advance for any help you can provide.
  24. Site URL: http://www.pyllonultra.com/exposure-live Hi, I'm trying to use an iframe to present some live results from another site (there are no results to show at the moment). I added the code they gave me to an embed block using the manual code insert. It appears to work, but I really want to show an embed block with a greater height. At the moment you can only see half a logo, and I'd really want to show the whole page. Any suggestions? I'm a dumb-ass user FYI, so excuse the greenhorn language and over-simplified question. Cheers.
  25. Site URL: http://goodwellandbetter.com Hello, I have the custom code I would like to display, its the landing page of the website that I only want to view my p5 sketch, so I embedded it as an iframe. The only issue now is getting the iframe to resize to the height of the screen, so my sketch can be fully visible on different screen sizes without having to scroll. Please help me solve this issue! I entered the following code in Page-->Settings-->Advanced-->Header-->>>> <style> #site-title {display:none!important;} #page.container {display:none!important;} #siteWrapper.clearfix.site-wrapper {display:none!important;} </style> <script> setTimeout(function(){ window.location.href = 'https://goodwellandbetter.com/introduction-and-curatorial-statement'; }, 300000); </script> <div class="sqs-layout sqs-grid-12 columns-12" data-type="page-section" id="page-section-6063a8fceb34c530581d6d9b"><div class="row sqs-row"><div class="col sqs-col-12 span-12"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1617144028502_3267"><div class="sqs-block-content"> <iframe frameborder="0" name="Outside the Form" width="100%" height="1080px" src="https://editor.p5js.org/mariamadam/present/SNlipKxEa" allowfullscreen=""></iframe></div></div></div></div></div>
  • Create New...