Embedding Filecamp into a Squarespace page

Site URL: https://icosahedron-scarlet-msw3.squarespace.com/about

Hi there, 

I recently signed up to Filecamp ( similar to Dropbox) and would like to embed the folders/files into the website I am currently building.

I have followed this article, provided by Filecamp, which uses a code block and iFrame to embed the content, but it doesn't seem to want to fit the full width of the screen – see screenshot attached.

Below is the code I used from the article and I have attached some screenshots to show how it looks. I am not even sure if it shows in the live site, when logging in using the password. 

Website: https://icosahedron-scarlet-msw3.squarespace.com/about
PW: Artcoustic

<iframe <iframe src="https://artcoustic.filecamp.com/fo/sN4QCwg6Eut2SWcE"= height="900" allowfullscreen webkitallowfullscreen msallowfullscreen>
</iframe>

Any help would be much appreciated.

Thanks,
Sam 

Your code is invalid. Try this

<iframe src="https://artcoustic.filecamp.com/fo/sN4QCwg6Eut2SWcE" height="900px" allowfullscreen webkitallowfullscreen msallowfullscreen>
</iframe>

Hi @tuanphan, sorry for the delay – I had to put this on the back burner, now I have come back to it. 

The code you provided didn't work either, but I have tried the one below which makes it full screen. I would still like to hide the top bar with logo – here is an article which was provided by Filecamp which has variations of with and without top bar, but I am not sure how to combine these codes so that I will get the 100% width outcome and no top bar. Also is there a way to remove the show box like effect? 

<iframe <iframe="" src="https://artcoustic.filecamp.com/fo/Ek1QneBZmPvOV5P1/?hidetop=true" =="" width="100%" height="900" allowfullscreen="" webkitallowfullscreen="" msallowfullscreen="" spellcheck="false">
</iframe>

Attached is what I have now.
Any help is much appreciated – thank you so much. 

You mean remove this?

@tuanphan Yes, exactly. 

On 2/12/2023 at 8:30 AM, sammy_m-h said:

@tuanphan Yes, exactly. 

Add to Design > Custom CSS

div#block-yui_3_17_2_1_1663690419014_56680 {
    overflow: hidden;
}
div#block-yui_3_17_2_1_1663690419014_56680 iframe {
    margin-top: -85px;
}

@tuanphan YES!! Thank you so much 🙂 This is perfect.

One more thing – I don't know if this is related to Squarespace or if it's a Filecamp thing – but when I try to log in with my credentials, it keeps taking me back to the  login page. See video here. 

I really appreciate your help. Thank you. 

On 2/15/2023 at 11:09 PM, sammy_m-h said:

@tuanphan YES!! Thank you so much 🙂 This is perfect.

One more thing – I don't know if this is related to Squarespace or if it's a Filecamp thing – but when I try to log in with my credentials, it keeps taking me back to the  login page. See video here. 

I really appreciate your help. Thank you. 

You try checking it in live mode, not edit mode.

However I guess because of Filecamp