EMBEDDING INDESIGN 'PUBLISHED ONLINE' PORTFOLIO

Site URL: https://www.carlamuguiro.com/portfolio

Password: Celine2024

Hi, is anyone able to help me embedding the below InDesign iframe code

<iframe style="border: 1px solid #777;" src="https://indd.adobe.com/embed/b700630e-69ec-4f2a-abbf-116c1fa403e5?startpage=1&allowFullscreen=true" width="650px" height="460px" frameborder="0" allowfullscreen=""></iframe>

without getting a white box, see screengrab below.

I hope someone out there can assist! Thank you, Carla

I think your Code Block has some invalid symbol.

 Can you take a screenshot of current code in your Code Block?

Thank you!! This is the code in the block:

<iframe style="border: 0px solid #777;" src="https://indd.adobe.com/embed/1c2aae04-b11c-43ea-8fc4-5b1a908cb295?startpage=1&allowFullscreen=true" width="650px" height="460px" frameborder="0" allowfullscreen=""></iframe>

If it works, it should show this?

You can use this new code. I adjust some symbols.

<iframe style="border: 0px solid #777;" src="https://indd.adobe.com/embed/1c2aae04-b11c-43ea-8fc4-5b1a908cb295?startpage=1&allowFullscreen=true" width="650px" height="460px" frameborder="0" allowfullscreen=""></iframe>

Thank you so much for your help Tuanphan! When I add the new code in the indd link turns red, see below, and i still see a white box not the indesign file. does that make sense? 

Try using this new code, here I removed some style, so if it shows fine, we will adjust style (width, height, border..) then

<iframe src="https://indd.adobe.com/embed/1c2aae04-b11c-43ea-8fc4-5b1a908cb295?startpage=1&allowFullscreen=true" width="650px" height="460px" frameborder="0" allowfullscreen=""></iframe>

Thank you so much!! Popped it in but the white box is still showing I'm afraid 

On 9/24/2024 at 3:27 PM, tuanphan said:

Try using this new code, here I removed some style, so if it shows fine, we will adjust style (width, height, border..) then

<iframe src="https://indd.adobe.com/embed/1c2aae04-b11c-43ea-8fc4-5b1a908cb295?startpage=1&allowFullscreen=true" width="650px" height="460px" frameborder="0" allowfullscreen=""></iframe>

 

I just tested this code and it is fine

https://tuanphan-demo01.squarespace.com/iframe-1?noredirect

pass: abc

You can check and try it again

THANK YOU 

I deleted that page and started again, and now it does work! I cant seem to scale it in either desktop or mobile, is there a way of fixing it in the middle of the page and removing some of the controls?

21 hours ago, carlamuguiro said:

THANK YOU 

I deleted that page and started again, and now it does work! I cant seem to scale it in either desktop or mobile, is there a way of fixing it in the middle of the page and removing some of the controls?

 

Page doesn't work now

https://www.carlamuguiro.com/portfolio

i changed the name, see here: https://www.carlamuguiro.com/pitch

On 9/28/2024 at 7:08 PM, carlamuguiro said:

i changed the name, see here: https://www.carlamuguiro.com/pitch

You can try this to Website Tools > Custom CSS

@media screen and (max-width:767px) {
  iframe[src*="adobe"] {
      width: 100% !important;
      height: 300px !important;
  }
}