Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #366362

    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

    #366411

    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

    #366618
    This reply has been marked as private.
    #367749

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.