Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #394247

    Unless I am missing something obvious, I can only conclude that there is some bug at work here. I can implement every type of prettyphoto lightbox except for inline text. The stripped down code below produces the error “The image could not be loaded”. I am running the WordPress 4.1, Enfold 3.0.8. Furthermore, this code is on a blank page for testing purposes, I have tried it with and without the avia editor, with and without any sidebars, this is a fresh install of WP, and it’s driving me nuts :). The only plugin I installed is the Yoast SEO, which I also disabled for troubleshooting purposes to no avail. Please help.

    <div id=”testdiv” class=”hidden”>
    <p>Test text</p>
    </div>
    <a href="#testdiv" rel="prettyPhoto">Click here</a>

    • This topic was modified 9 years, 10 months ago by csavalas.
    #394489

    Hi csavalas!

    We do not use prettyPhoto. We use magnific popup. You can find a sample for how to do that here, http://dimsemenov.com/plugins/magnific-popup/.

    Cheers!
    Elliott

    #394719

    Strange, I’ve read documentation all over the place on this site saying to use prettyPhoto, and like I said, it does work with images/videos etc… so I don’t know why it wouldn’t work with text.

    Regardless, I just tried the html from http://codepen.io/dimsemenov/pen/GEKgb (from the magnific popup documentation), and I get nothing when I click. Not even an error, just unresponsive. I could really use some specific guidance on this. Thank you.

    UPDATE:

    I added this code from https://kriesi.at/support/topic/inline-content-in-magnific-popup/ to functions.php, and it pops up the text now, but completely unformatted, no white box around it, nothing like the documentation example. I really don’t know why I even had to add that code, but… still would love some help.

    function add_custom_script(){
    ?>
    <script>
    jQuery(window).load(function(){

    jQuery(‘.open-popup-link’).magnificPopup({
    type:’inline’,
    midClick: true
    });

    });
    </script>
    <?php
    }
    add_action(‘wp_footer’, ‘add_custom_script’);

    • This reply was modified 9 years, 10 months ago by csavalas.
    #395263

    Hi!

    I see the popup on your site. It looks like you added a blueish background to it, pretty cool.

    How are you wanting to style it? Can you take a screenshot and highlight what your trying to do?

    Regards,
    Elliott

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