Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • April 6, 2016 at 7:34 pm #609121
    mitiuphoto

    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.

    April 6, 2016 at 7:58 pm #609137
    Vinay

    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 8 years, 7 months ago by Vinay.
    April 6, 2016 at 8:53 pm #609169
    mitiuphoto

    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.

    April 7, 2016 at 8:28 pm #609849
    mitiuphoto

    nobody an idea?

    April 11, 2016 at 11:05 am #611115
    Andy

    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

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