Add CSS code to existing class

Hi Millioni,

Thanks for your interest in Animate It!

Yes it is possible to add animations to other unique classes using some custom CSS.
If you could send me the link to your website, with which button needs to animate, I will get back to your with the requires instructions.

HI, thanks for the response

Here’s the link:
Directorio Escolar

The button would be the green one on the right with the text “PEDIR INFORMES”.

Thanks a lot.

Sorry for not explaining it more clearly before.
I need to know what animation do you plan on adding as well.

You can create the classes from here:
https://www.downloads.eleopard.in/class-generator-wordpress

And share them with me.

My bad, here it is:

[edsanimate_start entry_animation_type= “tada” entry_delay= “1” entry_duration= “1.5” entry_timing= “linear” exit_animation_type= “” exit_delay= “” exit_duration= “” exit_timing= “” animation_repeat= “1” keep= “yes” animate_on= “load” scroll_offset= “” custom_css_class= “”]

Thanks again.

Dear Millioni,

In the WordPress backend, please go to Settings > Animate It! > Custom CSS box and paste this CSS:

.send-enquiry{
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
	animation-duration: 1.5s;
	animation-delay: 0.5s;
	animation-timing-function: linear;
	animation-iteration-count: 1;
}

This will apply the required animation to any button that has the send-enquiry class.

Please let me know if this work for you.

Hi, thanks a lot! It’s working perfectly.

Is there documentation about this? So I can make my custom css and not ask you guys every time?

I’m trying to make css of:
[edsanimate_start entry_animation_type= “bounce” entry_delay= “1.5” entry_duration= “1” entry_timing= “linear” exit_animation_type= “flash” exit_delay= “0” exit_duration= “0.5” exit_timing= “linear” animation_repeat= “1” keep= “yes” animate_on= “scroll” scroll_offset= “75” custom_css_class= “”]

but I cant get all the parameters right.

Thanks again.

Dear Millioni,

Apologies for the delayed reply.

I am afraid there is no set guideline for this.
You just have to have CSS knowledge to implement these things.

With adding CSS like this, you can have only one animation (bounce or flash)
Another limitation is animation on scroll.
As the plugin uses javascript for this, we cannot implement it using CSS.

Please let me know which button, or section you wish to apply the animation (with the page link), and I will provide you with the necessary CSS.

• This reply was modified 3 years, 6 months ago by eleopard.