Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 2, 2019 at 10:26 pm #1115290
    respondiv

    Hello,

    i have an easy slider with bunch of slides. Please see link below. I need to remove all animation from it, including animations from title, captions and slides numbering. How can i do it?

    Thanks,
    Sushil

    July 2, 2019 at 11:07 pm #1115294
    Jordan Shannon

    Hey respondiv,

    You can remove the animations via css. If you use the browser inspector you can see the exact classes needed.

    Best regards,
    Jordan Shannon

    July 3, 2019 at 3:01 am #1115316
    respondiv

    Hi Jordan,

    I tried that didn’t work, i even created no-animation class and put this code from your documentation page but it didn’t work.

    /* No Animation */
    .no-animation {
    opacity: 100!important;
    /*CSS transitions*/
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /*CSS transforms*/
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /*CSS animations*/
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
    }

    July 5, 2019 at 1:07 pm #1116040
    Ismael

    Hi,

    Thank you for the update.

    The animation or fade in effect is actually applied dynamically via script, so you can’t just override with css.

    But this might work.

    #top .avia-slideshow-inner .active-slide {
    opacity: 1 !important;
}

    Have you tried adjusting the “Slideshow Transition” settings? Set it to “Slide sidewards” instead of “Fade”.

    Best regards,
    Ismael

    July 9, 2019 at 6:54 pm #1117142
    respondiv

    Hi,

    After adding above code, when I go to the next slide by clicking the arrow, then then arrows won’t work anymore. you can test that in the link below.

    Also, the client doesn’t like any animation including slide sidewards or slide up/down.

    Thanks,
    Sushil

    July 9, 2019 at 7:22 pm #1117153
    respondiv

    I updated your code to this, which works on the slider for first round but the slider stops working after going 1 complete circle. Also, this code doesn’t work for title, captions and slides numbering, even though i added classes to target them.

    #top .avia-slideshow-inner [class*=”slide-“]{
    opacity: 1 !important;
    }

    Thanks,
    Sushil

    July 11, 2019 at 10:00 am #1117732
    Ismael

    Hi,

    Thank you for the update.

    We can reproduce the issue but the site doesn’t generate any errors, so we can’t really tell what’s causing it. We also noticed that the site is running on an older version of the theme, v4.5.3. Upgrading the theme to v4.5.7 might help.

    Best regards,
    Ismael

    August 1, 2019 at 9:48 pm #1123985
    respondiv
    This reply has been marked as private.
    August 5, 2019 at 4:24 am #1124626
    Ismael

    Hi,

    Thank you for the update.

    Remove the above css code and set the slider to “slide” and not “fade”. The slide effect is very subtle. Unfortunately, we can’t disable the animation without affecting the slider script.

    Best regards,
    Ismael

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