WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Absolute position widget over slideshow? (4 posts)

  1. sabster
    Member
    Posted 1 year ago #

    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 {
        width:194px;
        height:193px;
        	}
    
    .headersliderarea{
    position:relative;
        float:left; /* optional */
    }
    .headersliderarea .postitnoteimagearea {
       position:absolute;
       top:10px; /* in conjunction with left property, decides the text position */
       left:10px;
       width:300px; /* optional, though better have one */
     }
    
    #meteor-slideshow {
    z-index:-1;
     }
    
    .postitnoteimagearea {
    z-index:0;
     }

    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?

    http://wordpress.org/extend/plugins/meteor-slides/

  2. sabster
    Member
    Posted 1 year ago #

    here's an example of my site:

    fortmovies.com/pestcon

    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

  3. sabster
    Member
    Posted 1 year ago #

    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.

  4. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    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".

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.