Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 16, 2014 at 8:42 am #210546
    JPOsteen

    Hey guys, I’ve added icons to my footer and the animation works perfectly in Safari, but not in Firefox. In Firefox it works on every page except the Home page. Can you take a look at it for me? Thanks!

    January 16, 2014 at 8:59 am #210552
    Ismael

    Hi JPOsteen!

    Please post the link to your website here.

    Regards,
    Ismael

    January 16, 2014 at 8:59 am #210553
    JPOsteen

    http://www.LoveRescues.org

    January 16, 2014 at 9:36 am #210570
    Ismael

    Hey!

    I checked the site, the homepage to be exact, using Firefox 26.0 Windows 8 and the icon animation on the footer works fine. :)

    Best regards,
    Ismael

    January 21, 2014 at 4:45 am #212603
    JPOsteen

    Ismael,

    There seems to be a glitch somewhere. I’m still having the same problem in Firefox, and it happened today on a family members PC using Explorer. The problem seems to occur only on the home page after I navigate away from the page and return, or do not clear my history and cache. So to eliminate the problem, how do I

    1. Keep the icons from animating
    2. Add a hover color to the icons

    Thanks!

    January 22, 2014 at 4:46 pm #213388
    Devin

    Hey!

    It could just be a delay in the script or as you said a glitch that can happen from partially loading in the page.

    The effect is just a css animation and its delayed by the viewer “seeing it” . With a short page or a viewport where the div that holds the icons is partially seen before you scroll down could make the animation happen before you fully see the icon.

    Best regards,
    Devin

    January 22, 2014 at 4:51 pm #213393
    JPOsteen

    Devin,

    Thanks for the information. The problem is that the animation doesn’t happen, so the icons look small. Can you tell me how to do numbers 1 and 2 of my previous post?

    Thanks.

    • This reply was modified 10 years, 10 months ago by JPOsteen.
    January 23, 2014 at 7:26 pm #214040
    JPOsteen

    Hey guys,

    I’m still waiting on an answer.

    January 27, 2014 at 7:51 pm #215469
    Yigit

    Hi!

    Animation does happen on my end and icons are not small. Please see screenshot here http://i.imgur.com/CoTVEeU.jpg
    Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed

    #text-6 .av_font_icon a:hover { color: blue!important; } /* for twitter icon */
#text-7 .av_font_icon a:hover { color: blue!important; } /* mail icon */
#text-8 .av_font_icon a:hover { color: blue!important; } /* instagram icon */ 
#text-10 .av_font_icon a:hover { color: blue!important; } /* life ring icon */

    Regards,
    Yigit

    January 27, 2014 at 11:44 pm #215569
    JPOsteen

    Yigit,

    Thanks for the code to male it hover, but I’m still having problems with the home page animations working properly after leaving the home page then navigating back to it. Can you give me a code to make those icons in the footer just appear normal without animating? I would rather eliminate the chance of problems all together. Thanks.

    http://loverescues.org/wp-content/uploads/2014/01/Screen-Shot-2014-01-27-at-3.39.26-PM.png

    January 28, 2014 at 6:18 pm #215943
    Yigit

    Hi!

    Please try adding following code to Quick CSS as well

    #footer .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 28, 2014 at 7:18 pm #215984
    JPOsteen

    Yigit,

    When I added the previous CSS nothing happened. I even tried adding the !important command to every line, and it still did not work. Any suggestions?

    January 28, 2014 at 7:22 pm #215985
    Yigit

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so i can take a look?

    Best regards,
    Yigit

    January 28, 2014 at 7:37 pm #216001
    JPOsteen
    This reply has been marked as private.
    January 28, 2014 at 7:47 pm #216006
    Yigit

    Hi!

    Changes are done. Please review your website. I made some small changes on the custom CSS code i posted here https://kriesi.at/support/topic/icon-animation-not-working-in-footer/#post-215943

    Best regards,
    Yigit

    January 28, 2014 at 7:55 pm #216012
    JPOsteen

    Perfect! Thank you so much for the great support!

    January 28, 2014 at 7:56 pm #216013
    Yigit

    Hi!

    You are welcome, glad we could help :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘Icon Animation Not Working In Footer…’ is closed to new replies.