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

    Hello!
    How can I adjust the speed for the animation of the texts that enter to the fullscreen slider?

    #1066349

    Hi Tomas,

    You can adjust it using Quick CSS, located in Enfold > General Styling, just add this code:

    .avia_transform .av_slideshow_full .active-slide .avia-caption-title, 
    .avia_transform .av_fullscreen .active-slide .avia-caption-title {
        visibility: visible;
        -webkit-animation: caption-left 1s 1 cubic-bezier(0.985,0.005,0.265,1);
        animation: caption-left 1s 1 cubic-bezier(0.985,0.005,0.265,1);
    }
    
    .avia_transform .av_slideshow_full .active-slide .avia-caption-content, 
    .avia_transform .av_fullscreen .active-slide .avia-caption-content {
        visibility: visible;
        -webkit-animation: caption-right 1s 1 cubic-bezier(0.985,0.005,0.265,1);
        animation: caption-right 1s 1 cubic-bezier(0.985,0.005,0.265,1);
    }
    
    .avia_transform .av_slideshow_full .active-slide .avia-slideshow-button, 
    .avia_transform .av_fullscreen .active-slide .avia-slideshow-button {
        visibility: visible;
        -webkit-animation: caption-left 1.2s 1 cubic-bezier(0.985,0.005,0.265,1);
        animation: caption-left 1.2s 1 cubic-bezier(0.985,0.005,0.265,1);
    }

    You’ll find the 1s which indicates the number of seconds just change it into something like 2s or 0.5s
    Hope it helps.

    Best regards,
    Nikko

    #1066521

    Thanks Nikko! very helpful!
    have a good day

    #1066719

    Hi TomasOliva,

    Glad that we are able to help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Adjust Velocity Fullscreen slider’ is closed to new replies.