Dear Animate-it! support team
After correct installation , this plugin is not working. I don′t see the icon showing in my dashboard as it should be showing according to the plugin screenshot in WP details. (Plugins ? — WordPress (loqueengordaeslaemocion.com))
I am using Elementor Pro and I have deactivated all other plugins,?I also tried changing the plugin′s settings but that did not solve the problem either.
Here is the page for your checking: testing (loqueengordaeslaemocion.com)
Please help, let me know what I am doing wrong.
Thank you very much!
LILIANA
]]>How do we turn on Animate it now? I used to be in the right menu when I clicked on blocks but I can’t find it now.
]]>I’m new to your plugin but I’ve experienced this with others as well where animation is having a difficult time on my pages. I am unable to get the scroll feature to work with your plugin. Any help is greatly appreciated!
Thank you,
Nathan
Hi I am using the animate it plugin with Cwicly builder and have set the global scroll offset but its not getting reflected inside the page where I use the scroll animation, and need to set the block scroll offset option insted. Any reasons so as to why this behaviour?
]]>Hi there, is Animate it plugin working with the last version of WP : WP 6.3.1. I’m on 6.1.3 wondering if I can update to 6.3.1 as Animate it is not tested after WP 6.1.3.
]]>Animation was working on my site very well since long time.
but from some days, All the animations stopped working.
I am using latest version of wordpress.
Kindly help.
]]>Speed doesn’t work for roles!
The administrator and guest animation speed is adjustable
For the author and editor – animation speed is not adjustable
Can you fix this?
Version 3.0.2
Bug noticed!
animation speed doesn’t work with QUIZ MAKER and AYS POPUP BOX plugins
how to fix it?
]]>Hi,
I’m looking for informations about the behavior of some classes as eds-scroll-visible or eds-scroll-hidden for example.
Does someone known where I can find out this ?
Thanks a lot.
Best regards
Hello, I want to add difference text blocks that should appear one after the other. So first paragraph after 5 seconds, second after 10 seconds, third after 15 seconds and so on.
But every time I use delays of more than 6 seconds, I get an error “This block contains unexpected or invalid content.”
Is this a problem with CSS or the plugin? I uploaded a picture of settings here: https://i.ibb.co/bJy1JdX/erro2.jpg
and error here: https://i.ibb.co/P1QXW1s/error1.jpg
(Screenshots online for 1 week)
Thanks
]]>After installing the shortcode in Gutenberg, the animation speed disappeared.
Now it always shows at the same speed, even in the classic editor, no matter how you set the shortcode parameters,
how to fix it?
]]>You can create a word-by-word text animation using Animate It!
Example: https://edsanimate.wpdevcloud.com/words-animation/
Please note that this animation can be looped only once. Meaning the last text would stay.
Please follow these steps:
1. Create a sequence of animation one after the other.
e.g. FadeIn enters and delay=0
2nd FadeIn enters and delay=1
3rd FadeIn enters and delay=2 etc.
2. Go to text only view of the editor, and wrap all these aniamtions into a DIV, Give it a class (in this case, the class is “words-slideshow-wrapper”) and Save.
Here’s an example block:
<div class="words-slideshow-wrapper">
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "1" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "" exit_delay= "0" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
DREAM
[edsanimate_end]
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "2" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "" exit_delay= "0" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
BIG,
[edsanimate_end]
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "3" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "" exit_delay= "0" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
START
[edsanimate_end]
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "4" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "" exit_delay= "0" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
SMALL.
[edsanimate_end]
</div>3. In your WordPress backend, Add the following CSS in Settings > Animate It! > Custom CSS block (you can adjust the font size/style as per needed):
.words-slideshow-wrapper {
text-align: center;
font-size: 42px;
font-weight: bold;
}
.words-slideshow-wrapper br {
display: none !important;
}
.words-slideshow-wrapper > .eds-animate {
display: inline-block;
}That’s it! This should add a nice Word by word animation in a sentence on your website.
]]>You can create a rotating text animation using Animate It!
Example: https://edsanimate.wpdevcloud.com/text-rotator/
Please note that this animation can be looped only once. Meaning the last text would stay.
Please follow these steps:
1. Create a sequence of animation one after the other.
e.g. FadeIn enters and delay=0 and exits at delay=3
2nd FadeIn enters and delay=3 and exits at delay=3
3rd FadeIn enters and delay=9 and exits at delay=3 etc.
2. Go to text only view of the editor, and wrap all these aniamtions into a DIV, Give it a class (in this case, the class is “rotator-slideshow-wrapper”) and Save.
Here’s an example block:
<div class="rotator-slideshow-wrapper">
This is
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "0" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "fadeOutDown" exit_delay= "3" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
Text 1
[edsanimate_end]
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "4" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "fadeOutDown" exit_delay= "3" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
Text 2
[edsanimate_end]
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "8" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "fadeOutDown" exit_delay= "3" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
Text 3
[edsanimate_end]
[edsanimate_start entry_animation_type= "fadeInDown" entry_delay= "12" entry_duration= "0.5" entry_timing= "linear" exit_animation_type= "" exit_delay= "0" exit_duration= "0.5" exit_timing= "linear" animation_repeat= "1" keep= "yes" animate_on= "load" scroll_offset= "" custom_css_class= ""]
Text 4. It will stay
[edsanimate_end]
</div>3. In your WordPress backend, Add the following CSS in Settings > Animate It! > Custom CSS block:
.rotator-slideshow-wrapper > .eds-animate{
display: inline;
position: absolute;
margin: 0 6px;
}
.rotator-slideshow-wrapper {
position: relative;
font-size: 32px;
}
.rotator-slideshow-wrapper br
{
display: none !important;
}This should add a nice text based slideshow on your website.
]]>Hello,
the plugin is great, but when I quickly reload the web page, the animation starts for a few moments (although it should only start when I hover it) and then stops immediately, generating a ‘flickering’ effect.
Demonstration video: https://youtu.be/cgA1XAORZ7c
I noticed that this problem only occurs when the animation is set via a css class, whereas the problem does not occur when using shortcodes.
Unfortunately, shortcodes tend to take up a lot of space in the Gutenberg editor and I would prefer to find a solution for setting animations via css classes.
Can you please help me?
Thank you and have a nice day!
Hi,
I’d like to use your plugin to animate some content coded into my page templates (not through the standard editor interface). Is this possible at all and if so could you let me know the code that format that I need to follow please?
Thanks,
James
]]>I have been testing this plugin and noticed that sometimes when Enable on Smartphone is not selected, it still runs the animations on smartphones.
]]>En celular no se ve la animación, que podrá ser?
Muchas gracias
How can I trigger the animation AFTER the animated element scrolls into the view?
]]>When I enable scroll for animations the divs just do not appear
https://test.wpcareplans.ie/about/
Only fix is to disable scroll
Help!
]]>I just tried it and it works beautifully!!!
Q) When I activate the plugin, does it always load the animate.css file thus slowing down the speed / performance of the website? Or does it only load the css from the class specified? Any technical details on how this works will help understand…
Vishal
]]>Would it be possible to add extra delay options?
First it would be useful to have 1/4 second gaps – so 1/4s, 1/2s, 3/4s etc.
And would it be possible to automatically remove delays on mobile? For instance, when a 4 column row of items changes to 1 column on mobile, you won’t want the same delays.
I currently have added my own hack for this:
/*------------------------Animate It delays----------------------------*/
.delay05 {
-webkit-animation-delay: .25s;
-moz-animation-delay: .25s;
-ms-animation-delay: .25s;
-o-animation-delay: .25s;
animation-delay: .25s;
}
.delay15 {
-webkit-animation-delay: .75s;
-moz-animation-delay: .75s;
-ms-animation-delay: .75s;
-o-animation-delay: .75s;
animation-delay: .75s;
}
.delay25 {
-webkit-animation-delay: 1.25s;
-moz-animation-delay: 1.25s;
-ms-animation-delay: 1.25s;
-o-animation-delay: 1.25s;
animation-delay: 1.25s;
}
.delay35 {
-webkit-animation-delay: 1.75s;
-moz-animation-delay: 1.75s;
-ms-animation-delay: 1.75s;
-o-animation-delay: 1.75s;
animation-delay: 1.75s;
}
.delay45 {
-webkit-animation-delay: 2.25s;
-moz-animation-delay: 2.25s;
-ms-animation-delay: 2.25s;
-o-animation-delay: 2.75s;
animation-delay: 2.25s;
}
.delay55 {
-webkit-animation-delay: 2.75s;
-moz-animation-delay: 2.75s;
-ms-animation-delay: 2.75s;
-o-animation-delay: 2.75s;
animation-delay: 2.75s;
}
/*------------------------Remove Animation Delays on Mobile----------------------------*/
@media(max-width: 991px) {
.delay05, .delay1, .delay15, .delay2, .delay25, .delay3, .delay35, .delay4, .delay45 {
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-ms-animation-delay: 0s;
-o-animation-delay: 0s;
animation-delay: 0s;
}
}Hi,
First, thanks for the great plugin!
I am using elementor and can animate individual items. I want to use it for page transition also. Animate the loading of a new page when a button is clicked. How to do this?
Thanks.
]]>hello,
I would like to know if your plugin is compatible with wordpress 5.8.3.
thanks
I’m trying out Animate on a website I’m testing and I find it runs twice as the page loads. Take a look at: https://payacademy.co.uk/PA2021/ and you’ll see the fadeup on the welcome text runs twice. How do I stop it doing this?
Thank you, Tim
I hace animation in menu. How can i run animation only once ( when page loads )
]]>Hi, I am working on a template that I want to fade out when it is replaced by another template, as in the case of when using tabs, and witching to view new content. Is there a way to generate a class for this? Thanks and best regards
]]>Translation file eds-animate-ru_RU.mo is not loaded in directory / lang
Thanks.
I want to make an output animation when clicking a button, using CSS Classes in elementor.
I already copied the shortcode from https://www.downloads.eleopard.in/class-generator-wordpress.html and it only got the following link (animated zoomOut duration1 eds-on-click) but I don’t know how to add the button ID to it I want to click to start the animation.
Hi, I’m trying to create a 3d spin effect for my logo, will your plug-in be able to achieve this?
Thank you