eleopard
Forum Replies Created
-
Forum: Plugins
In reply to: [Animate It!] Flicker problem when reloading web pageHi Ubervez,
Thanks for using the Animate It!
It looks like the scripts are taking longer to load. Hence the flicker.
Can you try using a plugin like Autoptimize
https://wordpress.org/plugins/autoptimize/Please try minifying and combining all the script files.
That should resolve the issue, since scripts would be loaded faster.Let me know if it works.
Forum: Plugins
In reply to: [Animate It!] Template CSS CodeHi James,
Apologies for the delayed reply.
Thank for you interest in Animate It!Yes, you can add the animate classes to any custom DIV/span in your theme and get the animations working.
You can generate the animation classes from here:
https://www.downloads.eleopard.in/class-generator-wordpressPlease let me know if this fulfills your requirement.
Forum: Plugins
In reply to: [Animate It!] Disable on MobileHi Cgscomputers,
Sorry I missed to inform you.
Our latest Version 2.4.1 has updated the detection of Browsers and Devises to handle the blocking on animations.The animations should be be disabled properly on mobile devices now, if its set that way in the settings.
Forum: Plugins
In reply to: [Animate It!] Disable on MobileHi,
We’ll look into this issue. I seems the browser detection script we are using is not working as expected.
meanwhile you can try this workaround:
1. In the WordPress backend, go to Settings > Animate It! > Custom CSS
2. Paste the following and save:
@media only screen and (max-width: 767px) { .animated { -o-transition-property: none !important; -moz-transition-property: none !important; -ms-transition-property: none !important; -webkit-transition-property: none !important; transition-property: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; -moz-animation: none !important; -o-animation: none !important; -ms-animation: none !important; animation: none !important; } }This would stop the animations on mobile.
Will get back to you as soon as the issue is fixed.Forum: Plugins
In reply to: [Animate It!] Disable on MobileHi Cgscomputers,
Thanks for using the Animate It!
Regarding your issue, The plugin detects the device in order to disable animations.
So if you testing this on your PC/Mac by making the screen size smaller, the animations will show.And if you are testing this on your phone, the animations would be disabled.
So, if this is happening on your phone, please share the link to your page as well, so that I can do some troubleshooting.
Forum: Plugins
In reply to: [Animate It!] mobilEstimado Melinmasip,
Gracias por usar Animate It!
Veo que encontraste la configuración para habilitar animaciones en dispositivos móviles.
Con hardware móvil, siempre se recomienda desactivar las animaciones. Por eso los tenemos deshabilitados por defecto.No dude en hacérmelo saber si tiene otros problemas.
Disculpas por cualquier error al escribir, ya que esta respuesta se traduce con Google Translate.
Marcando este problema resuelto por ahora.
Forum: Plugins
In reply to: [Animate It!] How to trigger the animationHi Dailbord,
I see that you have resolved the issue yourselves.
Please feel free to let me know if y7ou face any other issues.Forum: Plugins
In reply to: [Animate It!] Divs not appearing on scrollGlad to know its fixed.
Please feel free to let me know if you face any other issues.Marking this ticked resolved.
Forum: Plugins
In reply to: [Animate It!] Divs not appearing on scrollHi John,
Thanks for using the Animate It!
I checked the page link you shared, on Firefox, Edge and Chrome.
And the animations are loading fine on scroll.Please let me know if I am missing something.
Forum: Plugins
In reply to: [Animate It!] Does this plugin slow down website?Hi Vishal,
Thanks for using the Animate It!
The plugin adds a very small CSS and JS file, that should not impact the website performance significantly.
Also, you can use the catching and minifying plugins like WP Fastest cache to optimize not just this, but all the JS and CSS of your website.
Forum: Plugins
In reply to: [Animate It!] Shorter Delays for AnimationsHi Shaun,
Thanks for using the Animate It!
However, I am afraid there is no option to customize the delays in the plugin.
We always suggest to use the workaround exactly like what you have used.The option for doing this via custom CSS, not only help with delays, but also for wide range of animation overrides as well. Hence we went with this option.
Forum: Plugins
In reply to: [Corona Awareness Popup] Popup Button CustomizationHi CDM,
My apologies for late reply.
I see now that the More Info button is center aligned.So I believe you already overcame this problem.
Please feel free to let me know if that’s not the case.Forum: Plugins
In reply to: [Animate It!] compatibility wordpress 5.8.3Hi Astel,
Glad to know you worked it out se==yourselves.
Just in case, you only have to add classes to <div class=”wp-block-image”>
So it looks something like:
<div class="wp-block-image animated spinner duration1">I am marking this ticket resolved for now.
Please feel free to re-open it if you face any issues.Forum: Plugins
In reply to: [Animate It!] How to use animation for page transition?Ahoy Captain Sparrow,
Thanks for using the Animate It!
I am afraid the feature for page transition is not available in the Plugin.However, page transition are available in the Elementor Beta version.
Please check the video here to see how to enable it:
You csan get the Beta version from here:
https://wordpress.org/plugins/elementor-beta/Forum: Plugins
In reply to: [Animate It!] compatibility wordpress 5.8.3There is a simple workaround for gutenberg
You can add a Classic Editor Block in Gutenberg to see the Animate It! button.Just do the following:
1. Click the + button you see on the left of posts, and select Classic Editor:
https://shared-assets.adobe.com/link/ce494404-7bf3-42b1-7685-b995bda5ab502. As soon as the Classes Editor loads, you should see the Animate It! button
https://shared-assets.adobe.com/link/01188aec-f1e1-465e-6658-d90014bcf4a7you can generate the animations using this button.
__________________________________Secondly, you can generate the animation classes from here:
https://www.downloads.eleopard.in/class-generator-wordpressAnd Paste these class in the Custom CSS box of any Gutenberg block you want.
https://shared-assets.adobe.com/link/1e01329b-de65-4dd4-64ff-974752a5b933Hope this helps.