Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 28, 2017 at 1:52 pm #858054
    fxkreative

    Hello,
    i have a question.

    I am currently working on a page for my neighbour. She has a full width slider on her Frontpage and she likes it. The only problem is the speed of the captions come from left and right. She wants them to move in slower. We tried several solutions from your forum but that always results in either no effect or an additional movement in form of caption animation top bottom left or right. I will add an Screenshot to show what i mean.

    https://picload.org/view/dgoccidi/miteinandergewinnen.png.html

    • This topic was modified 7 years, 1 month ago by fxkreative.
    September 28, 2017 at 3:31 pm #858101
    Jordan Shannon

    Hey fxkreative,

    Have you tried looking around line 3660 in the /enfold/css/shortcodes.css file.

    animation:caption-left  1.2s 1 cubic-bezier(0.985, 0.005, 0.265, 1);

    The “1.2s” controls the speed.

    Best regards,
    Jordan Shannon

    October 4, 2017 at 12:02 pm #860093
    fxkreative

    Hi Jordan,

    sry i didn’t reply faster.

    In the file: wp-content/themes/enfold/css/shortcodes.css

    I found the followings entries:

    Line 4207-08:
    -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);

    Line 4190-91:
    -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);

    I tried changing the values ” 1.2s” and “1s” to “3s” or “5s” and nothing happens. Further the Slider contains 3 Slides and one of them have the Caption and the Button on the left, the othe one on the right and one of them in the middle, maybe it is relevant for you.

    Kind regards
    Sergej

    October 5, 2017 at 6:02 am #860425
    Ismael

    Hi,

    Thank you for the update.

    Please revert the file back to default then use the following css code in the Quick CSS field instead.

    .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   3s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left   3s 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  3s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
animation:         caption-left  3s 1 cubic-bezier(0.985, 0.005, 0.265, 1);
}

    It is set to 3 seconds. Adjust as needed. If this is not working, please post the site url so that we can inspect it.

    Best regards,
    Ismael

    October 5, 2017 at 12:35 pm #860570
    fxkreative

    Hi,

    thanks Ismael, it works perfectly. You can close my thread. Have a nice day.


    @Jordan     Shannon Thank you too, have also a nice day.

    • This reply was modified 7 years, 1 month ago by fxkreative.
    October 5, 2017 at 6:14 pm #860684
    Jordan Shannon

    Hi,

    I’m glad you were able to get this corrected. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Enfold full width slider – Slideshow Caption Speed’ is closed to new replies.