Docs

[Antony H]

Hi there, I really like the animations on the feature box icons/images and I just wondered if there was a way these animations could be applied to other elements please?

Thanks!

[Joao]

Hi There,

You can turn on the fading effect of the columns where the elements are placed.

Please see image attached:

Hope that helps,

Joao

[Antony H]

Thanks for your reply.

I’m aware of this functionality, but, unfortunately, it only allows elements to ‘slide’ in and doesn’t have all of the other cool animations that are included in the feature box.

Ideally I’m looking to use the ‘rotate in’ animation.

Thanks!

[Joao]

Hi There,

It can be done, you will need to assign a class to the elements and apply custom css.

Here is a good reference to start:

https://daneden.github.io/animate.css/

Hope that helps,

Joao

[Antony H]

Thanks for your help.

Since you already created the ‘rotate in’ animation [for the Feature Box element] does that mean there is already CSS for this animation somewhere within the theme files? If so, where would I find that please? I’ like to copy it exactly.

Thanks again!

[Paul R]

Hi Antony,

The animation is done in js and css.

It’s located in cornerstone/assets/js/src/site/inc/shortcodes/feature.js and cornerstone/includes/shortcodes/feature-box.php

Just note that we don’t recommend editing the plugin core files as this will get overwritten during updates.

Thanks

[Antony H]

Thanks. I found an easier way to do this in case it helps anyone else. It’s a really simple plugin called “Animate it!” and you just apply a class for whatever animation you want.

I assumed that you guys would already have classes set up for this, but not to worry I got there in the end!

[Paul R]

You’re welcome and glad you found an alternative.

Have a nice day!

[Author]

Posts