eleopard

Dear Seabrooklibertytax,

Thanks for using the Animate It! plugin.

Regarding your issue, there are a lot of Editors available. And every editor uses a different setup. So it would not be possible to integrate the plugin on every possible editor.

Still, you can try using the DIVs to add animations to your content using the Class Generator.

Something like this should work fine:

<div class=" animated jello duration2 eds-on-click">
    Your Content Here
</div>

Dear Dduwebsites,

Thanks for using the Portfolio Manager, and apologies for the delayed reply.
Can you tell if you are using a custom editor, or the default editor of WordPress?

Hi,

Thank you for using Animate It!.

Regarding your question, please follow below steps:
1. Create a new Temporary page or post.
2. On edit screen, click on Animate It! button.
3. Set the Animation accordingly and click on “Insert” to add the shortcode to the page.
4. Save the page and check the preview of the page.
5. On the preview screen, right click on the page then click on “View Page Source”. You will find a div in the page with the below structure.

<div class="eds-animate  section-slide-in-down" data-eds-entry-animation="slideInDown" data-eds-entry-delay="0" data-eds-entry-duration="2.5" data-eds-entry-timing="linear" data-eds-exit-animation="slideOutDown" data-eds-exit-delay="1.5" data-eds-exit-duration="2.5" data-eds-exit-timing="linear" data-eds-repeat-count="1" data-eds-keep="yes" data-eds-animate-on="click" data-eds-scroll-offset="">

</div>

6. Copy this code.
7. Now use this code again and again with different value for data-eds-scroll-offset="".

By inspecting the page, I can see that you can easily achieve this effect by simply, pasting the following CSS in: Settings > Animate It! > Custom CSS box

Please copy the content in between the 2 lines (leave the lines ______ )

_______________________

#site-header{
z-index: 9;
}

#site-header img:hover{
-webkit-animation: pulse;
animation: logozoom 1s;
}

@-webkit-keyframes logozoom {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.3, 1.3, 1.3);
}

to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

@keyframes logozoom {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}

50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.3, 1.3, 1.3);
}

to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}

_______________________

I have custom created this CSS using the existing ID and classes used in the theme. So there won’t be any other changes required.

Dear Sara,

We are working on the plugin, we will surely inform you once we release the plugin with the updates

Hey Duebers,

Thank you for using our plugin.

In order to edit a category, please follow below steps:

1. Go to Portfolio Manager -> Categories
2. Click on the Name of the Category you want to edit.
3. Edit window will open. Update category information and click on “Save & Close” button.

let me know if you face any issues

Dear Kreaplume,

Could you please send any example URL to understand exactly what you are looking for ?

Dear mifa123123,

In order to analyze this issue, Could you please provide the website address (URL) ?