Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 2, 2014 at 4:58 pm #312411
    Simon

    Hi,

    I have a couple of icon fonts included manually in the source code. They all get animated when they show up on the screen. This is a really cool feature, but in my case I’d like to disable this.

    In my case, the source code looks like this:

    <li id="menu-item-604" class="menu-item menu-item-type-custom menu-item-object-custom"><a href="#"><span class="avia-bullet"></span><span class="av_font_icon avia_animate_when_visible av-icon-style- av-no-color avia-icon-pos-left"><span class="av-icon-char" style="font-size:20px; line-height:20px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span></span><span class="avia-menu-text">Einstellungen</span></a></li>

    When I remove the class avia_animate_when_visible, the icon gets display in a very small size (~ 5px).

    Thanks in advance!
    Best

    • This topic was modified 10 years, 3 months ago by Simon.
    September 3, 2014 at 6:38 am #312654
    Ismael

    Hey Simon!

    Thank you for using Enfold.

    Please add this on Quick CSS or custom.css to disable the animation:

    .avia_transform .av_font_icon {
opacity: 1 !important;
-moz-transform: scale(1) !important;
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}

    Cheers!
    Ismael

    September 3, 2014 at 5:27 pm #313014
    Simon
    This reply has been marked as private.
  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘make font icons not animated’ is closed to new replies.