Replicating spinning icons on hover from demo site

[Matthew Bedford]

Hi there,
Apologies if this is really banal… I’d like to use the spinning icons from the demo site on my own site but I don’t know how to create them.

I am using pagebulder and have 4 icons in a row (similar to the demo). I can get them to animate by using the wow class + animation effect in the pagebuilder row class field, but this animates the whole row at once. I’d like these icons to animate only on mouseover / hover.

Could you kindly offer any suggestions?

Many thanks indeed,

Matt

[Shekhar Bhandari]

Hi Matthew,

The theme currently support animate effects on page scroll only, as per your suggestion we will try to make it applicable on hover also in next version. and regarding the whole row animating it seems you enter the class at the row property rather than single property. Could you please share us the website url so we could find the problem and gave you exact solution.

Thanks

[Matthew Bedford]

Hi Shekhar and thanks for the answer.
My site is this one: http://www.elshosting.com/ – the icons in question are just below the Call To Action widget area.

The strange thing is that on the Flat Responsive Pro demo you guys have it set up so the icons spin individually (seems like on.hover) – I guess we can rephrase my question as “how did you achieve that?” I imagine it should be possible also for me to do it, right?

Thank you again,

Matt

[Shekhar Bhandari]

Hi matthew,

For the icons in the demo we have used font-awesome icons for example: to spin a font awesome icons the following code is inserted

You need to add the flat_icons1 class to have the spinning effect. For further details about how the home page is setup view this link https://www.styledthemes.com/flat-responsive-setup/542-how-to-make-your-front-page-look-like-the-live-demo-site-2

Thanks

[Matthew Bedford]

That’s exactly what I needed, thank you! 🙂

Very best regards,

Matt

[Author]

Posts