WordPress.org

Ready to get started?Download WordPress

Forums

Meteor Slides
[resolved] Making Description appear onhover (6 posts)

  1. WillBG
    Member
    Posted 1 year ago #

    Hi guys,

    How would I make the description appear on hover? I have added custom php and css files to my child theme directory and managed to echo the description on the slides but I only want it to appear when the mouse is over the individual slide.

    Any clues?

    Regards

    Woolmeister

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

  2. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    Hi, if you're following along with the custom slideshow template documentation you'd want to customize the CSS like this:

    .meteor-slides p {
        display: none;
    }
    .meteor-slides.navhover p {
        display: block;
    }
  3. WillBG
    Member
    Posted 1 year ago #

    Hi JLeuze,

    Thank you for replying so fast. That worked! Thank you so much!

    Is there a way to ease it in with a nice transition? Maybe fade in and out?

    Regards

  4. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    You should be able to do this with CSS3, check out this tutorial on fading with CSS3, here's an example to get you started:

    .meteor-slides p {
       opacity: 0;
       transition: opacity .25s ease-in-out;
       -moz-transition: opacity .25s ease-in-out;
       -webkit-transition: opacity .25s ease-in-out;
    }
    .meteor-slides.navhover p {
       opacity: 1;
    }
  5. WillBG
    Member
    Posted 1 year ago #

    Is there a way to do it via the meteor-slideshow.php file using JQuery or echo syntax? I need it to be as compatible for all browsers as possible

  6. Josh Leuze
    Member
    Plugin Author

    Posted 1 year ago #

    You could use a custom slideshow script and add some jQuery to that.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic