• Resolved smittyhead

    (@smittyhead)


    Hi, I’ve got the logo working on the slides but is there a way to make a floating logo so it stays there on the same spot over top the slide show? I dont want it to transition with the slide.

    Thanks for the great plugin!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Josh Leuze

    (@jleuze)

    I’m not sure if I understand exactly what you mean, do you have a link to the page you are working on?

    Thread Starter smittyhead

    (@smittyhead)

    https://www.smittyhead.com/itra

    what I want is to have the logo, which I used your info from your site to put on, to stay over top of your meteor slides so it never moves. Can this be done?

    Plugin Author Josh Leuze

    (@jleuze)

    Ah I see what you mean. The logo is inside the slides, so it will rotate with the slides. You need to move the logo outside of the slides div, so that it looks something like this:

    <div class="meteor-slides navnone " id="meteor-slideshow" style="height: 200px; width: 1000px;">
    
    <div class="slides {  }" style="height: 200px; overflow: hidden; position: relative; width: 1000px;">
    
    <div class="slide" id="slide-1" style="width: 1000px; position: absolute; top: -200px; left: 0px; display: none; z-index: 2; opacity: 1; height: 200px;"><img width="1000" height="200" title="hearing_01" alt="hearing_01" class="attachment-featured-slide wp-post-image" src="https://smittyhead.com/itra/wp-content/uploads/2011/01/hearing_011.jpg"></div><!-- .slide -->
    
    </div><!-- .slides -->	
    
    <p>'</p>
    
    </div>

    You can hide the text of that logo by using text indent in the CSS with a huge value:

    text-indent: 9999px;

    Thread Starter smittyhead

    (@smittyhead)

    hi, thank you for the reply, I’m a little confused thoug, where do I put that bit? in the meteor-slideshow.php?

    I tried to put it right before the <!– .slides –> but it didnt work

    Thread Starter smittyhead

    (@smittyhead)

    I got it sorted now. I put the div’s in the header.php and took out the title bit. Can you have a squizz and let me know if that is the proper way of doing it?

    Plugin Author Josh Leuze

    (@jleuze)

    Yep it looks like you got it!

    Thread Starter smittyhead

    (@smittyhead)

    Thanks mate! Just for your info the site now lives here
    https://www.interactivetrainingonline.com/itranew/

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: Meteor Slides] Floating logo’ is closed to new replies.