Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #216597

    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.

    #216782

    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

    #216921

    No change I am afraid.

    #216990

    Hey!

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

    Cheers!
    Yigit

    #217001

    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

    #217058

    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.

    #217166

    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

    #217338

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

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