Please add enable_external_height_workaround="true" to your shortcode first. Because you get errors because of this in the log.

https://www.refugeoranpark.church/wp-content/plugins/advanced-iframe/js/ai_external.js

Make sure you reload also the file above. There your settings have to be visible. I also had to reload this separately because before I got this empty. so you like to replace this links and alos open them in a new tab?

Best, Michael

Thanks Michael

I'm still having an issue with the clicking on links in the embedded page.

Is it possible to ignore (turn off) all links on the embedded page and then I can wrap the [shortcode] in an anchor <a> on my host page and link to my embedded website on a new tab myself.

If this is not possible, then is it possible to use Advanced iFrame settings to force any clicks on the embed pages to open in a new tab instead of in the host page as it is doing right now.

https://www.refugeoranpark.church/iframe-test/

Can you please confirm that I have these settings correct. See attached.

Neil  

you settings are not correct.

penci-image-holder is a class! 
you need to use 
a.penci-image-holder

#penci-image-holder a
means to select all ling below an element with the id penci-image-holder
 

You can create read only iframe with a link. This is not problem see:

http://www.tinywebgallery.com/blog/advanced-iframe/advanced-iframe-pro-demo/hide-a-part-of-the-iframe#e21

Best, Michael

thanks, Michael that's perfect. I made the iframe read-only and wrapped it in an <a> anchor and it worked just how I want.

Your help has been amazing to get me to this point. one last thing...

My website on mobile is a little off... see attached image #1.

Looks like the background in the iFrame is being pushed down. The iFrame seems to work fine on the desktop browser and also when I visit the source website directly. Is there something I can do to fix this or can I just hide the background image inside the iFrame.

I tried adding CSS Style to hide the background but it didn't seem to work. see attached image #2

Neil

Hi Michael

Please ignore my last post. Here is a simplified question that replaced my last question.

I have added this to the Advancved Settings | Modify the iFrame section

Content styles in iframe: background-image: none;

I was hoping this would hide the background image on the embedded website, but it does not. Is this possible?

Neil