Forum Replies Created

Viewing 15 replies - 376 through 390 (of 706 total)
  • Plugin Author eleopard

    (@eleopard)

    Hello,

    Apologies for the delayed reply.

    The thing is, the single project view would open in the same space as mosaic view.
    So your project is loading, but the page scrolls to the top when this is done.

    It is the theme’s feature that you are using.

    • This reply was modified 8 years, 7 months ago by eleopard.
    Plugin Author eleopard

    (@eleopard)

    Oh Phew! 😀

    The new version was made specifically because the CSS3 animations were not working like they should in Chrome’s new version.

    Please feel free to let me know if you guys face any other issues.

    Plugin Author eleopard

    (@eleopard)

    Dear Vickiejv,

    I checked http://www.bravenewcreative.com and it seems you are using “SO Page Builder Animate” to animate the elements.

    If you have some inner page which have Animate It! shortcode/classes please let me know.

    Just in case, here’s the link to SO Page Builder animate

    Plugin Author eleopard

    (@eleopard)

    Dear Cyrilfacchinello,

    Please post and link to your page where you have the issue.
    Also, please make sure you have updated to the latest version of Animate It!
    Version 2.2.1

    Plugin Author eleopard

    (@eleopard)

    Dear Cyrilfacchinello,

    Please post and link to your page where you have the issue.
    Also, please make sure you have updated to the latest version of Animate It!
    Version 2.2.1

    Plugin Author eleopard

    (@eleopard)

    Dear Adata,

    I just checked http://a-data.dk/ on my end
    (Windows 8.1 and 10, using Chrome and Firefox)

    And all the animations that I noticed on Firefox are working perfectly on Chrome as well.

    Could you please let me know any particular area/animation that is causing the issue?

    Thanks.

    Plugin Author eleopard

    (@eleopard)

    Hello Wpbuilder0,

    Thanks for using the Animate It!

    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 and Save.
    e.g.

    <div class="ai-slideshow-wrapper">
    	[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= ""]
    	<p style="text-align: center;">This is Sentence 1.</p>
    	[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= ""]
    	<p style="text-align: center;">Here comes Sentence 2.</p>
    	[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= ""]
    	<p style="text-align: center;">Drumrolls for Sentence 3.</p>
    	[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= ""]
    	<p style="text-align: center;">And Finally! Sentence 4 is here to stay.</p>
    	[edsanimate_end]
    </div>

    3. Go to Settings > Animate It! > Custom CSS Box and Paste the following CSS:

    .ai-slideshow-wrapper .animated{
    	width: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    }

    This should make the animations come in one after the other.
    Please let me know if this works.

    Plugin Author eleopard

    (@eleopard)

    Dear Tim,

    Thanks for using the Animate It!

    For customizing your own CSS, you would have to check the animate-animo.css in the plugin, and then add the animation name to my CSS.

    e.g. lets say I wish to add a fadeIn aniamtion to “my-custom-class”
    I would go to animate-animo.css, line 834 and copy all the rules in .animated.fadeIn

    Now the other general rules that are added by .animated class have to be added as well.

    So the CSS finally becomes:

    .my-custom-class{
    	/* Every CSS class would have these common rules */
       -webkit-animation-duration: 1s;
          -moz-animation-duration: 1s;
            -ms-animation-duration: 1s;
              -o-animation-duration: 1s;
    	backface-visibility: hidden;
    	-o-backface-visibility: hidden;
    	-moz-backface-visibility: hidden;
    	-webkit-backface-visibility: hidden;
    
    	animation-fill-mode: both;
    	transform: translate3d(0, 0, 0);
    
    	-o-animation-fill-mode: both;
    	-o-transform: translate3d(0, 0, 0);
    
    	-moz-animation-fill-mode: both;
    	-moz-transform: translate3d(0, 0, 0);
    
    	-webkit-animation-fill-mode: both;
    	-webkit-transform: translate3d(0, 0, 0);
    	
    	/* Change this part as per your animation requirements */
    	-webkit-animation-name: fadeIn;
    	-moz-animation-name: fadeIn;
    	-o-animation-name: fadeIn;
    	animation-name: fadeIn;
    }

    Please let me know if this works for you.

    Plugin Author eleopard

    (@eleopard)

    Dear Kerrie,

    Thanks for using the Animate It!

    You can create a text slideshow using the Animate It! However, on down side is, you cannot make the slideshow loop. So it will go just once, and last Sentence can stay as the final text.

    You can see the demo of the slideshow here:
    http://animateitdemo.wpdevcloud.com/demo-for-kerrie/

    Let me know if this would work for you, and I’ll provide you with the steps on how to do it.

    Plugin Author eleopard

    (@eleopard)

    Dear Stefano,

    Thanks for such good words 🙂

    The reason for adding the “bproject” is to show friendly URLs for the projects wherever we can.

    This setting is done when the plugin is installed, so I do not think of a way to make this editable.

    However, I’ll definitely give it another go before the next version release.

    Plugin Author eleopard

    (@eleopard)

    Dear Alex,

    Could you please email us at contact@eleopard.in
    Please mention this thread link as well.

    Plugin Author eleopard

    (@eleopard)

    I have tested the page on Chrome and Firefox, on both Windows and Mac, and the animations are working perfectly on both the OS. Also btoh Chrome versions are 61.0.3163.91

    Could you please try clearing the cache of your Browser?
    Maybe that’s the issue.

    Plugin Author eleopard

    (@eleopard)

    Dear Winny,

    Thanks for using the Animate It!

    I tried the page: http://cci.usc.edu/index.php/research/testbeds/ on Firefox, Chrome and IE11, and both sections “Tutornet” and “CCI IoT TESTBED” and its contents are loading fine.

    Could you please let me know which browser and its version are you using. That would help me pint-point the issue.

    Thanks.

    Plugin Author eleopard

    (@eleopard)

    Dear Nickiova,

    As there is no activity on the thread for about 7 weeks now, I am marking it as resolved.

    Please feel to open a new ticket in case you have any other issues.

    Plugin Author eleopard

    (@eleopard)

    Dear Aj12,

    As there is no activity on the thread for about 1 month now, I am marking it as resolved.

    Please feel to open a new ticket in case you have any other issues.

Viewing 15 replies - 376 through 390 (of 706 total)