Pop Over Missing

paradisemakeovers.com

My pop over isnt showing! Can you help?

  • aecnu
    • WP Unicorn

    Greetings ellissajayne,

    Please review the thread on this topic located at:
    https://premium.wpmudev.org/forums/topic/pop-up-displaying-under-twenty-eeleven-header

    Third reply down is from the lead developer on this project and he talks about a fix and offers code there that should fix this on your site. I have included Barry's reply below for your convenience:

    Hey - yes, this is fixed in our upcoming release, but happens because for some reason (that I haven't worked out yet) the header (#branding) with a z-index of 9999 which forces it on top of everything else that would come later.

    You can fix is by changing the CSS for the popover so that the popover has a higher z-index than the header.

    If you edit the popoverincludes/css/popover.css file, at the very top you will see a block of css for the #messagebox. In that you will see:

    z-index: 999;

    Change that to:
    z-index: 99999;

    and it will force it to be over absolutely everything else on the page.

    Please let us know if this does not resolve your problem by reopening this ticket below marking it as not resolved. Also please indicate if there are any new symptoms or errors.

    Thank you for being a WPMU Dev member!

    Cheers, Joe :slight_smile:

  • aecnu
    • WP Unicorn

    Greetings ellissajayne,

    Yes thank you for reminding me that it was switchblade.

    It can be pretty challenging to support integration with other peoples work, but we do our best here to help you with any WordPress issues at all, so let's see what we can do!

    What I will do is ask the lead developer of Pop Up if they can think of any specific issues that could be causing this.

    Looking forward to sorting out your issue for you and thanks again for being a WPMU Dev member!

    Cheers, Joe :slight_smile:

  • ellissajayne
    • Flash Drive

    Hope this is what you want:

    Appearance settings
    Pop Over Size Width: 500 Height: 600
    Pop Over Position Left: 100 Top: 100
    Pop Over Margins Left: 0 Right: 0
    Top: 0 Bottom: 0

    Code:

    <table width="500" border="0">
    <tr>
    <td><img src="http://paradisemakeovers.com/wp-content/uploads/2012/02/header-graphic-like4.png" alt="Facebook" width="500" height="600" /></td>
    </tr>
    <tr>
    <td><img src="http://paradisemakeovers.com/wp-content/uploads/2012/02/facebookbutton.jpg" alt="Button" width="217" height="49" align="right" /></td>
    </tr>
    </table>

    Output from Test Header Footer:

    // Lets not do anything until init
    add_action( 'init', 'test_head_footer_init' );
    function test_head_footer_init() {
    // Hook in at admin_init to perform the check for wp_head and wp_footer
    add_action( 'admin_init', 'check_head_footer' );

    // If test-head query var exists hook into wp_head
    if ( isset( $_GET['test-head'] ) )
    add_action( 'wp_head', 'test_head', 99999 ); // Some obscene priority, make sure we run last

    // If test-footer query var exists hook into wp_footer
    if ( isset( $_GET['test-footer'] ) )
    add_action( 'wp_footer', 'test_footer', 99999 ); // Some obscene priority, make sure we run last
    }

    // Echo a string that we can search for later into the head of the document
    // This should end up appearing directly before </head>
    function test_head() {
    echo '<!--wp_head-->';
    }

    // Echo a string that we can search for later into the footer of the document
    // This should end up appearing directly before </body>
    function test_footer() {
    echo '<!--wp_footer-->';
    }

    // Check for the existence of the strings where wp_head and wp_footer should have been called from
    function check_head_footer() {
    // Build the url to call, NOTE: uses home_url and thus requires WordPress 3.0
    $url = add_query_arg( array( 'test-head' => '', 'test-footer' => '' ), home_url() );
    // Perform the HTTP GET ignoring SSL errors
    $response = wp_remote_get( $url, array( 'sslverify' => false ) );
    // Grab the response code and make sure the request was sucessful
    $code = (int) wp_remote_retrieve_response_code( $response );
    if ( $code == 200 ) {
    global $head_footer_errors;
    $head_footer_errors = array();

    // Strip all tabs, line feeds, carriage returns and spaces
    $html = preg_replace( '/[\t\r\n\s]/', '', wp_remote_retrieve_body( $response ) );

    // Check to see if we found the existence of wp_head
    if ( ! strstr( $html, '<!--wp_head-->' ) )
    $head_footer_errors['nohead'] = 'Is missing the call to <?php wp_head(); ?> which should appear directly before </head>';
    // Check to see if we found the existence of wp_footer
    if ( ! strstr( $html, '<!--wp_footer-->' ) )
    $head_footer_errors['nofooter'] = 'Is missing the call to <?php wp_footer(); ?> which should appear directly before </body>';

    // Check to see if we found wp_head and if was located in the proper spot
    if ( ! strstr( $html, '<!--wp_head--></head>' ) && ! isset( $head_footer_errors['nohead'] ) )
    $head_footer_errors[] = 'Has the call to <?php wp_head(); ?> but it is not called directly before </head>';
    // Check to see if we found wp_footer and if was located in the proper spot
    if ( ! strstr( $html, '<!--wp_footer--></body>' ) && ! isset( $head_footer_errors['nofooter'] ) )
    $head_footer_errors[] = 'Has the call to <?php wp_footer(); ?> but it is not called directly before </body>';

    // If we found errors with the existence of wp_head or wp_footer hook into admin_notices to complain about it
    if ( ! empty( $head_footer_errors ) )
    add_action ( 'admin_notices', 'test_head_footer_notices' );
    }
    }

    // Output the notices
    function test_head_footer_notices() {
    global $head_footer_errors;

    // If we made it here it is because there were errors, lets loop through and state them all
    echo '<div class="error"><p>Your active theme:</p>

      ';
      foreach ( $head_footer_errors as $error )
      echo '
    • ' . esc_html( $error ) . '
    • ';
      echo '
    </div>';
    }
    ?>

    Thank you!

  • Barry
    • DEV MAN’s Mascot

    No, I ideally need to know what rules you have set for your popover to show (a screenshot of the popover admin page would do) and I need you to activate that plugin (the test head footer one via the Plugins admin page) and it will output a message near the top of your admin page - I need to know what that message is as well.

  • aecnu
    • WP Unicorn

    Greetings ilokano,

    It is possible that this is a png browser graphic rendering issue in your specific case.

    Please try changing the graphic to jpg format, re-uploading it and adjusting your code to reflect the change.

    Thanks again and it is great to have you as a WPMU Dev member, looking forward to getting this worked out!

    Cheers, Joe :slight_smile:

  • aecnu
    • WP Unicorn

    Greetings ellissajayne,

    Just checking if this issue was eventually resolved in another thread? Or by yourself separately to us? Or by us over email with you? Or using our live support?

    If so, no need to reply, that's great news.

    If not, or you have any more questions related to this thread, please feel free to post them below including any new symptoms or errors and tick the 'Mark as Not Resolved (re-open)' box below the post area (or else we'll miss it!)

    Otherwise, happy days, glad you got it sorted :slight_smile:

    Thank you for being a WPMU Dev member!

    Cheers, Joe :slight_smile:

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.