Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 21, 2014 at 12:53 pm #212735
    elbnetz

    Hi There,

    I would like to eliminate the animation of the Entypo icons. How would I do that?

    January 21, 2014 at 2:01 pm #212759
    Yigit

    Hey elbnetz!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .avia_transform .avia_start_delayed_animation.av_font_icon {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
opacity: 1;
-moz-transform: none;
-webkit-transform: none;
-o-transform: none;
transform: none;
}

    Best regards,
    Yigit

    January 21, 2014 at 2:05 pm #212761
    elbnetz

    No change, I am afraid.

    January 21, 2014 at 2:06 pm #212762
    Yigit

    Hi!

    Please try flushing browser cache and refresh your page a few times. If that still does not work, please post the link to your website and point out icon elements to make sure that we are on the same page

    Best regards,
    Yigit

    January 21, 2014 at 3:07 pm #212800
    elbnetz
    This reply has been marked as private.
    January 21, 2014 at 7:31 pm #212906
    Yigit

    Hey!

    Please replace the previous code i posted with following one 

    .avia_transform .avia_start_delayed_animation.av_font_icon {
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none; }
.avia_transform .av_font_icon {
opacity: 1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

    Best regards,
    Yigit

    January 22, 2014 at 10:00 am #213210
    elbnetz

    Great, we are coming closer!
    It works for the header but not for the icons in the body and footer, I am afraid.

    Any further idea?

    Many thanks, T.

    January 22, 2014 at 3:42 pm #213342
    Yigit

    Hi!

    You have custom CSS codes added to position the icons in footer such as following

    .textwidget span.av_font_icon.avia_animate_when_visible.av-icon-style-.av-no-color.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
margin-top: -12px;
}

    Please try moving them to the top of the custom CSS codes and check if that makes a difference. There is no problem animation-wise

    Regards,
    Yigit

    January 22, 2014 at 4:00 pm #213350
    elbnetz

    Hi Yigit,

    Thanks for your response. I moved the CSS code from the cild theme’s css to the theme’s quick CSS. But there is no change. It still looks as if the icons only ape are, once they can bee seen in the browser window.

    Beste, T.

    January 23, 2014 at 3:13 pm #213868
    Yigit

    Hi!

    Can you try adding !important rule to your custom css codes as following

    .textwidget span.av_font_icon.avia_animate_when_visible.av-icon-style-.av-no-color.avia-icon-pos-left.avia_start_animation.avia_start_delayed_animation {
margin-top: -12px!important;
}

    Cheers!
    Yigit

    January 24, 2014 at 3:01 pm #214427
    elbnetz

    Hi There,

    Thanks the icons seem to work, but can you pls. have a look at the footer? The widgets are strangely moving when scrolling down.

    Cheers, T.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘How can I kill Entypo animation?’ is closed to new replies.