Making Description appear onhover

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;
}

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

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;
}

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

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