Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1091709

    Hi! I was wondering if it is possible to disable the enfold animations to use animate.css? If so, what is the best way? I tried adding to child theme files but seems like enfold animations are overriding, even if i use as a custom class?

    #1091783

    Hey Christina,

    Please refer to the following:

    Best regards,
    Jordan Shannon

    #1092725

    there is nothing there?

    #1093053

    Hi,
    Sorry for the late reply, did you see this css to block all animations at the above link?

    .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; }

    But I believe that this will not allow you to use a alternative animation because you will not be able to use these classes, you will have to add new classes to your elements for the animation.
    Another point is that each element css file has the animation added, so the cleanest way would be to edit each one of them and delete the animation css, and then add the theme classes to your animate.css file, but this would still be a lot of editing.
    Perhaps the easiest way would be to add your new animation to each element with the !important; on the rule and then add it to your WordPress > Customize > Additional CSS which overrides all other css.
    This would be easy if your only changing a few of them.
    How many different elements do you want to change the animation on?

    Best regards,
    Mike

    #1097842

    no, i was not able to see what jordan posted. it was blank. i would like to use animate css throughout multiple websites that i built using enfold. you don’t offer animation options on all elements and some elements seem to have automatic animations? i’d like to start clean using animations.css. thanks.

    #1098208

    Hi,

    Thank you for contacting us.

    Please check the below links to disable the default animation sitewide.

    Installing wowjs requires quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Vinay

    #1100261

    i’m still not able to see what you’re sending me? it’s blank space… i am a developer so shouldn’t be too much trouble ;)

    #1100488

    Hi Green Beans Creative,

    Where are you looking at the replies?

    Please login to the forum and check the thread

    Best regards,
    Victoria

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