Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 29, 2014 at 8:05 pm #216597
    elbnetz

    Hi there,

    we had to add short codes to text widgets in the footer. As they are animated, they are now “lazy loading” once we scroll down.
    How can we stop the animation and make the icons load instantly?

    Thankis, T.

    January 30, 2014 at 4:45 am #216782
    Yigit

    Hi elbnetz!

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

    #footer .av_font_icon {
-webkit-animation: none!important;
-moz-animation: none!important;
-o-animation: none!important;
animation: none!important;
opacity: 1!important;
-moz-transform: none!important;
-webkit-transform: none!important;
-o-transform: none!important;
transform: none!important;
}

    Regards,
    Yigit

    January 30, 2014 at 1:05 pm #216921
    elbnetz

    No change I am afraid.

    January 30, 2014 at 4:19 pm #216990
    Yigit

    Hey!

    Can you post the link to your website so we can take a look?

    Cheers!
    Yigit

    January 30, 2014 at 4:31 pm #217001
    Yigit

    Hi!

    I just saw that you have posted your website on another thread so i could take a look at your website. I still think is issue is caused by following css code

    .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;
}

    Can you try removing it and adding following code instead

    #footer .av_font_icon { margin-top: -12px !important; }

    Best regards,
    Yigit

    January 30, 2014 at 5:48 pm #217058
    elbnetz

    Hi, That is much better!!
    Many Thanks, but there is still some “movement” in the footer and below the three images.

    Any idea?

    Thanks, T.

    January 30, 2014 at 10:09 pm #217166
    Yigit

    Hey!

    Please try removing following code to from Quick CSS as well

    div#text-5.widget.clearfix.widget_text, div#text-6.widget.clearfix.widget_text, div#text-7.widget.clearfix.widget_text, div#text-8.widget.clearfix.widget_text {
margin-bottom: -30px;
}

    and try adding following code instead

    #footer .widget ul { margin-bottom: -30px!important; }

    Best regards,
    Yigit

    January 31, 2014 at 9:50 am #217338
    elbnetz

    Thanks, that works now!
    And I figured out to eliminate the other related problems

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Jumping Icons in Footer’ is closed to new replies.