Support » Plugin: Meteor Slides » [Plugin: Meteor Slides] Absolute position widget over slideshow?

  • Resolved sabster


    i’m trying to absolute position a widget over the slideshow on the front page. this widget contains an image tag in it, but i also want to have text go over the slideshow, as well as a div box containing some submission information.

    here’s my template code:

    <div class="headersliderarea"> <!-- beginning of placing postitnote -->
    			<div style="clear:both;"><!-- start slideshow --></div><!-- end clearboth -->
    <?php if ( function_exists( 'meteor_slideshow' ) ) { meteor_slideshow(); } ?>
    	<div class="postitnoteimagearea"><!-- postitnote widget -->
    	<?php if ( !function_exists('dynamic_sidebar') ||
    !dynamic_sidebar('PostItNote') ) : ?>
    	<?php endif; ?>
    </div><!-- end postitnote widget -->
    	</div><!-- end placing postitnote -->

    here’s the css for it:

    .postitnote {
        float:left; /* optional */
    .headersliderarea .postitnoteimagearea {
       top:10px; /* in conjunction with left property, decides the text position */
       width:300px; /* optional, though better have one */
    #meteor-slideshow {
    .postitnoteimagearea {

    now, before i added the z index, my widget element went BEHIND the slide show and i couldnt see it at all. then when i add the z index, the widget is the only thing that shows up and slideshow disappears.

    any ideas?

Viewing 3 replies - 1 through 3 (of 3 total)
  • here’s an example of my site:

    on the homepage, hwere hte “test” is at the top is my test widget, and then behind that is the meteor slideshow, but it is hidden when i incrase the z idnex for some reason

    got it to work by removing the z-index of the slideshow and making the z index of the widget 100… not sure why it worked, but someone else suggested something else over 99.

    Plugin Author Josh Leuze


    It looks like the issue is that there are multiple z-index layers, each slide has a z-index higher than the last, and the navigation is also z-indexed above the slidehow.

    If you want to layer something over the whole slideshow, you should be able to do it if the z-index is super high, like “999”.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘[Plugin: Meteor Slides] Absolute position widget over slideshow?’ is closed to new replies.