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

Search the Community

Showing results for tags 'iframe'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 22 results

  1. Hello! I'm trying to get an embedded form within an iframe to display its full height and would welcome any suggestions for tweaks or custom code needed to make it happen. Thanks in advance for your help! Template is Clay. Here's the page: https://pvactx.org/mailing-list.
  2. My website template is: https://corn-ellipse-dcg3.squarespace.com/ And I want a border to be placed around the video block on the home page, it's an embedded Youtube video. Can someone attach a code for me to use and put into the CSS to add for this to work. I need help ASAP. Thank you! :)
  3. Hi there - I'm going round in circles and hope the circle forum will be able to help!!! I'm trying to connect a site to a 3rd party using some custom code (its for a booking availability for bnbs). I tried just putting the html just in a code block or to embed it - but it doesn't render well. So I added some custom css but this is conflicting with the code so although it looks better it doesn't work properly. I've been advised by the 3rd party (who don't support) that I should use an iframe by creating a blank html page, inserting the code, and then in an embedded widget link to that html page. However, I can't create a blank HTML page on a squarespace site? Is this correct. I am therefor really struggling with what to do. Can anyone help: Custom CSS that is conflicting: .guesty-root-element { justify-content: center; } section#guesty-search-widget__datepicker input { max-height: 18px; } website is apom.squarespace.com and the password is test @brandon I wonder if you might be able to help as you have answered some similar questions?
  4. Hello! I'm trying to insert a coding block of some maps brought in from ArcGIS in a Brine template page, using some code suggested by ArcGIS. However, when the map is brought in, it's very tiny, and does not fill the entirely of the block. When I add any specific pixel widths to the code, it extends outward to the right so a majority of the map is out of view. I'd like to get it so that it at least extends the same width as the image at the top of the page. This is what I'm using: <iframe width=”100%" height=”750” frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://njrgp.maps.arcgis.com/apps/opsdashboard/index.html#/a856ba6b11df4a0bb5098b8ad1cadda3"></iframe> Sadly, my coding skills sort of peaked, then went into a coma around 1999, so I'm out of ideas trying to figure this out. Thank so much! Jason Wickersty
  5. Need assistance again with html code iframe too small. I previously used forum and received code below which help solve when page was HOME page: div#block-yui_3_17_2_1_1572567603013_10718 iframe { height: 600px; } Need help with following: First I I duplicated the HOME page and renamed it FEATURED LISTINGS and moved it to not link tab. Then I created button on footer and linked the FEATURED LISTINGS page. When I changed the code for featured listing, the frame is once again too small. https://www.guardianrealestate254.com Password to view site is: help
  6. I launched a newly designed site using the Mojave template just last month and all iframe embedded coding was functional on the live site. For some reason today it works in my editing window but not in the live view. Is anyone having this issue? No changes to coding has been made. Wondering if it is perhaps a browser issue but I don't know how to repair it. The code is this and I've confirmed no changes to the account holder/client's idxhome account so the link inside the iframe is still operable. Also in editing mode I can see the results just fine but in live mode it's just blank. The website is markdelgado.com (I have iframe at the bottom of the home page and in a feature listings page accessible from the Buy Now page. Here is the code. Grateful for any insight! <iframe src="http://markdelgado.idxhome.com/openhomes/137534" width="100%" height="2700" frameborder="0" allowtransparency="true"> <p>Your browser does not support iframes.</p> </iframe>
  7. on my home page I added a html iframe code and it is appearing too small. its a search for properties for sale. I think it has to do with coding: <iframe width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe>
  8. Hi everyone, I've scoured the forums trying to find a solution to my problem. Here's the sample page I'm working on: https://www.mydryeyedata.org/symptoms-list/how-it-started I'm trying to embed an iframe element on my site (on a blog post, actually). I created a survey and want to have a blog post for summary data of each question, which is accessible by an embeddable link provided by the survey platform, which should go to this page: https://www.questionpro.com/t/ZRhJQhZGgEqYG. <iframe src='https://www.questionpro.com/t/ZRhJQhZGgEqYF' width='100%' height='600' frameBorder='0'></iframe> When I'm editing in Safari or in a private tab, I just see empty boxes. I tried chrome and once I allowed unsafe elements I got the grey frowny face saying "www.questionpro.com refused to connect". I've contacted them about why their embed isn't working, but I haven't ruled out that this is a Squarespace issue. Things I've tried: I know the url is https Putting the above code into a code block doesn't work; frowny face. Putting the url in an embed block says it's not valid. Using specific code in the embed block and adding custom CSS also doesn't work; small box and frowny face. I tried the following per a few help articles (e.g. https://answers.squarespace.com/questions/69710/why-cant-i-interact-with-iframe-content.html) Code in embed block (grey < / >): <div style="text-align: center; -webkit-overflow-scrolling: touch; overflow: auto;"> <iframe src="https://www.questionpro.com/t/ZRhJQhZGgEqYG"></iframe> </div> Custom CSS: (is height: 100% valid? I'm embedding like 100 iframes on my site, and some are a lot taller than 600px. I could also choose some random value) my-iframe iframe { height: 100%; width: 100%; margin: 0; padding: 0; border-style: none; /* to ensure proper scrolling and overflow handling on mobile devices, put this styling in a div wrapper around the iframe because it's unreliable in css: -webkit-overflow-scrolling: touch; overflow: auto; */ } Since chrome says www.questionpro.com refuses to connect, I've contacted them. I'm not sure if they'll be able to solve anything or if this is a square space issue. Btw when I put the embed code provided into something like https://html5-editor.net/ it also doesn't work, leading me to think that it's a QuestionPro problem. @alxfyv @Jay Wilson Jr @raptra @alxfyv Thanks in advance, I'll be sure to provide updates and let everyone know what worked.
  9. Hi, I am trying to embed an iframe booking engine onto my site that uses the maple template but it isn't working. Please find a link to how this looks: https://www.westcliffeapartments.co.uk/booking Ideally I would like this to fill the screen below the squarespace banner but it just fills a small portion of the page and crops the embeded page. Is there a way to fix this? Please see the code I am using below:
  10. Hello from now I greet you, I wanted to consult since I have a problem with a form that I need to place in an iframe, the issue is that I am working with an amp page made with mobirise and the iframe has to be amp. below I leave the code that is With the link of the form I am testing, the page is also a test. (place between head:
  11. Hello, I'm trying to increase the size of the text within the CARD IMAGE layout in Avenue template for mobile. Currently, the description text after the header within the image card is a larger font. I would like to make it smaller - in relation to the header (as it is when viewed on desktop). The URL: https://www.onebreath.eu/mbsr So in the example URL, I would like the greek text to be a smaller size than the text "Mindfulness Based Stress Reduction" when viewed on mobile. Thank you!!!
  12. Hi guys, I have recently created a video with Camtasia - it's HTML5 and is in the form of a folder with various contents including some CSS and Java script (see image below). Can someone please give me advice on how best to embed this on my Squarespace site? Will I need to use a separate hosting service or can I do this with Squarespace? Many thanks,Dan
  13. I've successfully inserted a Google Sheets iframe in a code block, but it's really small, only about 25% of the page width, and also very "short", displaying only a few lines of the spreadsheet... it may be that the iframe is set to too few vertical and horizontal pixels... how do I go about fixing this? Thanks.
  14. Hi I'm editing a website running the Five template seen here: pluspod.squarespace.com The video is in a coding block, and I want it to run full-width of the website - any ideas on how to do it? Here you can see it only runs to the edge of the site container: I've tried stuff like setting the width as 100vw but then the video overflows and also doesn't sit central to the page. P.S. Reason for not uploading the video as a header is because the client would like sound available.
  15. Hi there! I've tried everything ...I cannot figure out how to get my embedded google sheet to be responsive. Do any of you fancy coding types have any ideas? I would appreciate your help or even your empathy! <iframe src="https://docs.google.com/document/d/1VouYUL9gPUHsjCvZPwHhZ1JQ8yMhIgTTI6md5Sn-5rE/pub?embedded=true" width="100%" height="2000" frameborder="0" scrolling="no" padding="0" margin= "0"></iframe></div> http://www.ryeeducationfoundation.org (password: ref100) path grants>find your liaison
  16. I have two codes for two different pages I'm trying, but neither of them are showing. I have tried logging out as admin (because I saw that was an issue for others) but it still is showing up blank on both pages. Another admin tried on his computer and it showed him the attached message.
  17. Hi, My coding skills are a bit rusty and I can't figure out how to embed this iframe: <iframe width="100%" height="400px" allowfullscreen frameborder="0" src="//relive.co.nz/customers/mikepero/38KoniniStreet/index.html"></iframe> I copy/pasted the link into the code field, tried different things like "http://www. so on. The actual link to the original data is here:http://relive.co.nz/customers/mikepero/38KoniniStreet/index.html I tried the code block and I also tried to embed the link but I usually get error 404 - page not found. Your help is much appreciated. Thanks :-)
  18. I am trying to embed an iframe, but cannot get it to scale responsively. It works great on desktop. On mobile, it gets cut off. I tried setting the width to 100% as mentioned in another thread. Any suggestions? The webpage to view on mobile is: http://simplyadammann.com/curated-kitchen Current code is: <iframe width="456" height="940" src="//invis.io/8Y1KW4RMR" frameborder="0" allowfullscreen></iframe>
  19. I’m trying to get the below iframe html code to embed on my site and can’t get it to display, I just get the pixilated sad-face image. I have tried to embed it via the embed link as well as via the code box. Any ideas? Any help would be greatly appreciated. <iframe src="http://files.flipsnack.com/iframe/embed.html?hash=ftc9atkz0&wmode=transparent&t=1419311310" width="100%" height="100%" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true"></iframe>
  20. I'm having a problem which is that I'm embedding Google Virtual Tours on a site using iframe. The code i'm injecting is: <iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1sen!2sus!4v1447169016528!6m8!1m7!1sxX2fR-HjZPkAAAQfDooE2Q!2m2!1d34.42847716472259!2d-119.7117533932088!3f235.49602003921478!4f-17.12773475960914!5f0.7820865974627469" width="450" height="450" frameborder="0" style="border:0" allowfullscreen></iframe> The issue is that it shows up fine on computers, but it stretches out the screen on mobile sites so the iframe fits the screen width but the content is very small aligned to left. If there is a way to resize it for mobile, then great! If not, then hiding the block or virtual tour for mobile will be sufficient. I don't know a whole lot about coding, but I have done some css edits. I have located the block id too: id="block-d38e32a1b7c667b130a0 Any help is much appreciated
  21. Hello, I am trying to add a horizontal scroll bar to my iframe content https://ohyoon-kwon.squarespace.com/config#/|/canvas/ HTML CSSiframe { overflow: scroll; border: 1px solid #fff !important; width: 100%; height: 850px;} Do you know why this way does not work? Thank you so much!Ohyoon
  22. I'm still in the trial stage of deciding whether or not to sign up with Squarespace. My stumbling block is that I am trying to place this iframe into a Code Block: <iframe src="http://vvmls.rapmls.com/scripts/mgrqispi.dll?APPNAME=Victorvalley&PRGNAME=MLSLogin&ARGUMENT=uTE%2FGGOxdLDT8fqva6LIwA3Wz3HobarllU0CWrEf0rP9wjGsdHxaGaeC8DflAln0auPjOtFsuxLV6%2FTmCav%2F2g%3D%3D&KeyRid=1&MLS_Origin=VIC" width="100%" height="600" style="border:medium solid rgb(0,0,0)"></iframe> It works fine if I put it into a standard HTML document and view it in a browser. But when I put it into a Code Block it loads the page with a sad face like it cannot connect. Any ideas on how to make iframes work in Sqarespace?
×
×
  • Create New...