Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #609121

    hi guys,
    i have some websites where i want to integrate iframes. how can I create an iframe to bring height to 100%?
    have the forum crawl, nothing suitable here, sorry.
    i want to embed a 360° spherical panorama in the iframe witch is made in html5.
    i also tried to make a page template. like this.
    `/**
    Template Name: Content Only
    */

    ?>

    <html>
    <head>
    <title><?php wp_title( ‘|’, true, ‘right’ ); bloginfo(‘url’); ?></title>
    <style>
    html,body,div,iframe {height:100%;}
    p {position:relative;overflow:hidden;}
    iframe {border:none;width:90%;}
    body {margin:0;padding:0;}
    </style>
    </head>

    <body>
    <?php while (have_posts()) : the_post(); ?>
    <?php the_content(); endwhile; ?>
    </body>
    </html>

    with this code it works, but the menu and footer is gone.
    and as soon as I leave the header inside get_header(); the code above doesnt work.
    i guess the best way is to have a combination of page-template and a modify header with css. i dont know.

    thank you for help.

    #609137

    Hi mitiuphoto!

    You can make use of Enfolds builtin feature for this

    1.Open the link in a lightbox
    just add this like a normal link http://link.com?iframe=true

    2. Change the lightbox width to be 100% so it looks like full screen with a x to close.
    Feel free to adjust the top position.

    .mfp-iframe-holder .mfp-content {
        max-width: 100vw!important;
        max-height: 80vh!important;
        position:absolute;
        top:100px;
        left:0;
    }

    Cheers!
    Vinay

    • This reply was modified 7 years, 11 months ago by Vinay.
    #609169

    Hi Vinnie,

    thank you a lot for this option. this answer me one another question how to work with “?iframe=true”.
    but in this case i need the iframe on the “ground” with z-index:0, because i want to keep the menu with glossy transparent style over.
    i have a good result with “grid row” layout element, but it is not optimal, because i use there style=”height: 75vh;” and this is in my case not the best deal.
    see private link.
    i have also tried with “color selection” but unfortunately it doesn’t work.
    in the private link i send you guys the user and passwort, if you want to look in backend.
    thx.

    #609849

    nobody an idea?

    #611115

    Hi!

    You are using an old version of the theme, so please upgrade to Enfold 3.5.1 and let us know if you still need help afterwards. Also upgrade your WordPress. Let us know when you are ready.

    Best regards,
    Andy

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.