eleopard

You can add a Classic Editor Block to see the Animate It! button.
just do the following:

1. Click the + button you see on the left of posts.
https://adobe.ly/2MmPv7O

2. As soon as the Classes Editor loads, you should see the Animate It! button
https://adobe.ly/2vaCVE5

you can generate the animations using this button.

___________________________________________

In case you wish to use the Default Classic editor on WordPress, you can download it from here:
https://wordpress.org/plugins/classic-editor/

this plugin would bring back the Classic editor by default.

Dear Prebbs98,

I checked the page at http://venkes.no/priser I you’ll need to add a custom script to achieve what you need.

Please note that since the elements you wish to animation on click already have animate it classes added. This might cause some conflict. If it occurs, please remove the previously added classes.

_________________________________

1. Download the Plugin Header and Footer Scripts:
https://wordpress.org/plugins/header-and-footer-scripts/

2. On your WordPress back end, go to Settings > Header and Footer Scripts and paste the following script in the Footer section:

<script>
(function($){
console.log("hi");
    $('body').on('click', '.service-anchor', function (e) {
console.log("hello");
        var svcBlockSelector = $(this).attr('href');
        var $svcBlock = $(svcBlockSelector);
        $svcBlock.removeClass("animated rubberBand delay1 duration1");
        setTimeout(function () {
            $svcBlock.addClass("animated rubberBand delay1 duration1");
        }, 100);
    });
})(jQuery);
</script>

Note: I have used rubberBand animation here. You can replace it with any other animation if you want.

3. Add the class service-anchor to the links Herreklipp, Dameklipp etc. that are on top.

_________________________________

Please test it out and let me know if this works for you.

Dear Jaidenf,

Thanks for using the Animate It Plugin.

The features you wish are not possible with the Animate It!
I am afraid I cannot think of any other plugin that would be helpful here as well.

You can achieve these by writing custom scripts in your theme.

Dear andrea,

Thanks for using the Portfolio Manager.

I checked your website on Firefox and Chrome, and it is looking fine.
No abrupt color is visible anywhere.

Here are the screenshots:
https://adobe.ly/2FAkAlF
https://adobe.ly/2QYWSFa

This might be the hardware or graphics issue on your system.
Please check the website on some other computer or mobile device, if you see the same thing.

Dear Letiahbell,

Thanks for using the Animate It!

For all the sections, you can add the Animation Classes to the Custom CSS box available for all the editors.

All you’d have to do is:

1. Generate and copy the animations from Animation Generator:
https://www.downloads.eleopard.in/class-generator

2. Paste the classes in the Custom CSS Classes box.
https://adobe.ly/2qpcq85

Please let me know if this works for you.

Dear Stephan,

When the Plugin is activated, the Shortcodes you have put are read by the plugin and animations are applied, thus hiding the shortcodes.

However, when you remove the Plugin, there is nothing to read these shortcodes, and hence they would appear as texts.

So if you wish to remove the plugin, You’ll have to remove the ShortCodes as well.
This happens for all the WordPres plugins which use Shortcodes.

Hope this makes sense.

Hi nzrdn,

Thanks for using the Portfolio Manager.
This seems like a scripting conflict issue.

Please send an email to contact@eleopard.in with the link to this thread.
Our dev team will get in touch with you.

Dear Agatten,

Thanks for using the Animate It! plugin.

Please post the link were you are facing this issue.
It seems like a CSS conflict in your Theme.