Tagged: 

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • February 27, 2014 at 4:28 am #229893
    GavinAnstey

    Hello,

    I explored the forum and couldn’t find an answer, so figured I’d start a new thread.
    I’m not a huge fan of animations, so is there an easy or better way to turn all of them off? Or would I need to turn them off for each feature that utilizes them?

    Thanks. Really digging this theme.

    February 27, 2014 at 4:24 pm #230107
    Yigit

    Hey GavinAnstey!

    Please try adding following code to Quick CSS in Enfold theme options under Styling tab

    .avia_transform .avia_start_animation.left-to-right.avia_image, .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon, .avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image { 
-webkit-animation: none!important;
-moz-animation: none!important;
-o-animation: none!important;
animation: none!important; opacity: 1!important;
-webkit-transform: scale(1)!important;
-moz-transform: scale(1)!important;
-o-transform: scale(1)1important;
transform: scale(1)!important; }

    Cheers!
    Yigit

    February 27, 2014 at 6:27 pm #230187
    GavinAnstey

    that did not seem to work. should I add that into the custom.css file?

    thank you for all your help and the prompt reply

    February 27, 2014 at 6:45 pm #230195
    Yigit

    Hey!

    Have you tried flushing browsers cache? If not, please do and refresh your page a few times. Yes, you can add your custom CSS codes to Custom.css file as well. Can you post the link to your website so we can take a look at the animations you would like to turn off?

    Best regards,
    Yigit

    March 7, 2014 at 12:01 am #233420
    GavinAnstey

    sorry Yigit. I got sidetracked with a different project. At the moment, I am going to keep the animations and see what my client says. However, I’d like to turn off the animation for the gallery. Not a huge fan of it popping up the way it does. What CSS code should I enter to turn that off specifically?

    Thanks.

    March 7, 2014 at 2:54 am #233466
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .avia_transform .avia-gallery-thumb img.avia_start_animation {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
opacity: 1!important;
}

    Regards,
    Yigit

    June 30, 2017 at 7:48 pm #815132
    Julieokeeffe

    Hello. I also would like to remove the automatic animation. I tried both sets of codes that you supplied above and they did not work. Thank you for any help.

    • This reply was modified 6 years, 10 months ago by Julieokeeffe.
    June 30, 2017 at 8:49 pm #815168
    Sarah

    Hello, @Julieokeeffe!

    On which element did you want to remove animation? :)

    Best regards,
    Sarah

    June 30, 2017 at 8:53 pm #815172
    Julieokeeffe

    Sarah, on the summer camp graphic on the home page. Just the middle graphic. (There are three graphics in the row.)

    June 30, 2017 at 9:09 pm #815175
    Sarah

    Hi!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .avia-builder-el-6 .image-overlay{
   display: none !important;
}

    Best regards,
    Sarah

    February 12, 2018 at 1:02 pm #911076
    Multispace

    Hello,
    Which code is needed to just turn off automatic animation of the icons, so I can determine per column/cell/row which icon needs to be animated.

    Thanks.

    Mark

    • This reply was modified 6 years, 2 months ago by Multispace.
    February 13, 2018 at 4:50 am #911495
    Ismael

    Hi,

    Please use the following css code to disable the icon animation.

    .avia_transform .avia_start_delayed_animation.av_font_icon {
    -webkit-animation: none;
    animation: none;
}

    Best regards,
    Ismael

    June 24, 2022 at 10:17 am #1356378
    Raphael

    In the latest Version of Enfold all animatiopsn start hopping! That sucks. Can you check that?

    June 27, 2022 at 6:29 am #1356571
    Ismael

    Hi,

    Where can we check the issue? Please open a new thread and provide a link to the site so that we can test the issue properly. Make sure to update the theme to version 5.0.1 and toggle or temporarily disable the Enfold > Performance > File Compression settings.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Turn off Animations’ is closed to new replies.