Hi
I just want to fade a text block in – not animate it – and have it remain on screen through the slideshow.
How do I do this?
Regards,
Steve
Hi Steve!
I’m not sure if that’s doable with LayerSlider but there is a new option in Enfold native sliders (Easy Slider, FullScreen Slider, FullWidth Slider) to do exactly that – http://screencast.com/t/SdCkQ5vo3fP0
Best regards,
Josue
Hey Steve!
Try adding this code to the Quick CSS:
.ls-inner{
position: relative;
}
.ls-inner:after {
content: "Escape to the undiscovered heart of the Languedoc..";
position: absolute;
width: 100%;
height: 50px;
bottom: 0;
left: 20px;
color: white;
font-size: 26px;
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-ms-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-moz-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-webkit-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-ms-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
@-o-keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
Cheers!
Josue