Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #212735

    Hi There,

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

    #212759

    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

    #212761

    No change, I am afraid.

    #212762

    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

    #212800
    This reply has been marked as private.
    #212906

    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

    #213210

    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.

    #213342

    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

    #213350

    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.

    #213868

    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

    #214427

    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.

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘How can I kill Entypo animation?’ is closed to new replies.