Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 25, 2014 at 7:30 am #340913
    foreigner

    Hi, Enfold team

    I’m running some content from within the same server where the WP install and Enfold theme live. Specifically, the content is a series of HTML5 interactive simulations. I’m using an image as a link, applying the “link manually” option with http://www.my-site/demos/simulation5.html?iframe=true. That works, but I’d like to increase the size of the inline content to nearly full-screen size. (The Enfold default appears to be around 70%). But adding width and height values after the iframe=true has no effect on the size and in fact “freezes” the content.

    How do I increase the viewable size of the lightbox area using iframe–not sitewide, but just for specific content?

    Thanks!

    • This topic was modified 10 years ago by Elliott.
    October 27, 2014 at 10:02 am #341395
    Ismael

    Hey foreigner!

    Thank you for using Enfold.

    Can you please provide a link to the actual page where you’re testing this? We need to inspect it.

    Cheers!
    Ismael

    October 27, 2014 at 3:38 pm #341546
    foreigner
    This reply has been marked as private.
    October 28, 2014 at 3:17 am #341944
    foreigner

    Hi again, Enfold Team.. I’m aware that my adding this request for a follow-up on my original post may further delay any response, but any answer you might provide might be useful. I added the page in question as you requested last night.

    Again, the question: How do I change the lightbox size when using iframe content?

    Thanks!

    October 28, 2014 at 11:36 pm #342463
    Yigit

    Hey!

    Please refer to Josue’s post here – https://kriesi.at/support/topic/lightbox-width-not-set-at-100/#post-339661

    Cheers!
    Yigit

    October 29, 2014 at 1:31 am #342513
    foreigner

    Hi Yigit. Thanks–but I’d already tried Josue’s solution (I did a search prior to posting my question). It works for images , but not for iframe content, which is what I’m concerned with, as I’ve noted throughout. The iframe content remains the same default large–i.e., it covers about 70% of the screen. The iframe content is responsive (takes up the entire screen when going directly to the origin URL). Please see exactly what I’m referring to with the links I provided earlier per your request.

    I’m hoping to avoid adding yet another lightbox plugin, as they often don’t play nice with each other (or with themes), so I’d really like to use the lightbox solution that comes with the theme.

    Any other ideas on how to change (increase) the lightbox size for iframe content within Enfold?

    Thank you!

    October 31, 2014 at 5:27 am #343867
    Ismael

    Hi!

    Thank you for the info.

    Please use this on Quick CSS or custom.css to adjust the size of the lightbox container:

    .mfp-iframe-holder .mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 90% !important;
}

    Regards,
    Ismael

    October 31, 2014 at 7:48 pm #344294
    foreigner

    Hi Ismael. That doesn’t work, either.

    But I did find a workaround which will suffice, so this thread can be closed on my part.

    Thanks, Enfold folks, for the follow-ups!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Changing lightbox size for iframe content’ is closed to new replies.