Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 6, 2015 at 12:13 pm #468829
    11digitLabs

    Hello guys!
    Once again, thanks for the good work up to now

    I have an issue and cannot figure it out. I want a dollar icon, which apparently does not exist in the list of icons you have in the huge list of icons you have.

    So, instead I created an image icon.

    BUT, I cannot figure out what classes to add so that the animation runs on it, just like the entypo icons when avia_start_animation class is added

    Could you please help?

    This the code i have, i see that there is an event on the first span (avia_start_animation) but the animation does not run.

    Thank you!

    
<h2 class="av-special-heading-tag" style="float: left;">
<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left  avia_start_animation avia_start_delayed_animation" style="color: #008ece; border-color: #008ECE;">
<img src="http://demo.chimerathemes.com/wp-content/themes/apppress/images/icons/included/color.png" alt="">
</span> 
<span style="color: black;">Meet success</span>
</h2>
    July 6, 2015 at 3:11 pm #468980
    Rikard

    Hi 11digitLabs!

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Best regards,
    Rikard

    July 7, 2015 at 12:07 pm #469568
    11digitLabs

    Sure, i’ve added the link in private below

    The icon that im talking about is ” Ignore, just testing” , just after

    Sell more
    Make more money
    Meet success

    Thank you!

    July 8, 2015 at 12:36 pm #470163
    Andy

    Hi!

    you can add even more icon fonts into Enfold: http://kriesi.at/documentation/enfold/adding-your-own-icon-fonts/

    Any additional animation for an icon would be considered as custom work and for this job you can hire a freelancer here.

    Best regards,
    Andy

    July 8, 2015 at 12:50 pm #470187
    11digitLabs

    Andy, thats what I needed :) Thanks for the link

    Enjoy!

    July 8, 2015 at 1:37 pm #470244
    11digitLabs

    For future reference, here is how I added animation for an icon
    All I needed was to remove the classes avia_start_animation avia_start_delayed_animation from the span.av_font_icon

    
<div class="av-special-heading av-special-heading-h2  blockquote modern-quote  avia-builder-el-12  el_before_av_heading  avia-builder-el-first   av-inherit-size" style="padding-bottom: 10px; font-size: 40px;">

<h2 class="av-special-heading-tag" style="float: left;">

<span class="av_font_icon avia_animate_when_visible av-icon-style-  avia-icon-pos-left">

<span class="av-icon-char">

<img class="size-full wp-image-1659" src="http://test.com/coins-logo.png" alt="c-coins-logo" width="40" height="48" /></span></span><span style="color: black;">Make more money</span></h2>
</div>
    July 9, 2015 at 6:19 am #470622
    Rikard

    Hi!

    Glad you got it fixed and thanks for sharing the solution! :)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Image Icon Animation’ is closed to new replies.