eleopard

Dear Luc3283,

That’s strange.
I cannot imagine why this would be happening, as the function only adds classes, and does nothing to the content of the H3.

I have added “don’t” to the demo post I created, and it is working fine for me:
http://animateitdemo.wpdevcloud.com/custom-classes-demo/

If you could throw some on how I can re-create this issue on my end, that would be great.

Dear Luc3283,

This would require a little bit of code addition to your theme’s functions.php file.

Please follow the below steps:

1. Create your required classes using the Animate It! Classes Generator
(https://www.downloads.eleopard.in/class-generator-wordpress)
For this example I am using the following classes animated shake duration3 eds-on-scroll

2. On your WordPress Backend, go to Appearance > Editor and open functions.php, the Theme functions file.

3. At the bottom of the file, paste the following code:

/** Function to automatically add Additional Class to <h3></h3>  */

add_filter('the_content', 'add_h3_classes', 20);
function add_h3_classes($content)
{
    $doc = new DOMDocument(); //Instantiate DOMDocument
    $doc->loadHTML($content); //Load the Post/Page Content as HTML
    $headings = $doc->getElementsByTagName('h3'); //Find all h3
    foreach($headings as $heading)
    {
        append_attr_to_element($heading, 'class', 'animated shake duration3 eds-on-scroll'); //Add your generated classes here
    }
    return $doc->saveHTML(); //Return modified content as string
}
function append_attr_to_element(&$element, $attr, $value)
{
    if($element->hasAttribute($attr)) //If the element has the specified attribute
    {
        $attrs = explode(' ', $element->getAttribute($attr)); //Explode existing values
        if(!in_array($value, $attrs))
            $attrs[] = $value; //Append the new value
        $attrs = array_map('trim', array_filter($attrs)); //Clean existing values
        $element->setAttribute($attr, implode(' ', $attrs)); //Set cleaned attribute
    }
    else
        $element->setAttribute($attr, $value); //Set attribute
}

4. Save

__________________________________

This will add the classes to all the H# heading.
you can replace the classes with any other animations that you wish.

You can see this live in action here: http://animateitdemo.wpdevcloud.com/custom-classes-demo/

Let me know if this works for you.

Dear Astridmanzo,

Yes, I am able to see the issue now.

Just to be sure, you have added this classes to the elements, right?
eds-on-scroll animated slideInUp duration2

And not any other class?

Dear The Shift1,

Thanks for using the Animate It!

I just checked the GT Matrix report for http://theshiftmusic.com/ and you’re right I found a lot of files not minimized for performance.

You can use some freely available plugins, which would take care of caching and minimizing of scripts and css.

• Autoptimize : https://wordpress.org/plugins/autoptimize/
• WP Fastest Cache: https://wordpress.org/plugins/wp-fastest-cache/

Please let me know if one of these plugins works for you.

Dear Sheikh Naveed,

Thanks for using the Portfolio Manager.
I see that the Category dropdown is empty.

Please make sure you have at least one category created, and selected in the projects. The Plugin by default uses the first category as the default category.

So in your WordPress backend, please go to Portfolio Manager > Categories, and make sure there is a category created.

Let me know if this work for you.

Dear Crispie,

Apologies for the delayed reply.

To Bounce from left, Just change the animate from bounceInRight to bounceInLeft.
Please let me know if I missed something.

Dear dpcdpc11,

I am sorry but the animation curve cannot be applied using the Class Generator.
I am afraid in this case, you’d have to use the Animate It! button.

A workaround here can be adding animations in the Text block, and use a shortcode inside the Shortcode to show the things like Slideshow, forms etc.