Tagged: animations, enfold
-
AuthorPosts
-
April 16, 2019 at 11:12 pm #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?
April 17, 2019 at 5:58 am #1091783April 19, 2019 at 6:59 pm #1092725there is nothing there?
April 21, 2019 at 4:34 pm #1093053Hi,
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,
MikeMay 6, 2019 at 10:48 pm #1097842no, 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.
May 7, 2019 at 9:35 pm #1098208Hi,
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,
VinayMay 13, 2019 at 8:25 pm #1100261i’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 ;)
May 14, 2019 at 12:02 pm #1100488Hi Green Beans Creative,
Where are you looking at the replies?
Please login to the forum and check the thread
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.