Replicating spinning icons on hover from demo site

Home Forums WordPress Themes – Premium Flat Responsive Replicating spinning icons on hover from demo site

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #16271

    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

    #21443
    Shekhar Bhandari
    Participant

    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

    #21445

    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

    #21450
    Shekhar Bhandari
    Participant

    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

    #16272

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

    Very best regards,

    Matt

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.