Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 25, 2016 at 11:50 am #621190
    Archie

    Hi guys

    I’m still having some trouble with the icons at the bottom of my site. They don’t seem to pop up properly.

    I already implemented this code for Enfold/js/shortcodes.js as suggested by Yigit last time. It did work but after a few refreshes the problem was back.

    $('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '100%'});

    Looking forward to your response! Thank you!

    • This topic was modified 8 years, 7 months ago by Archie.
    April 25, 2016 at 1:42 pm #621289
    Andy

    Hi hackoffseries!

    try this code inside of Quick CSS field:

    .avia_transform .av_font_icon {
opacity: 1;
}

    Regards,
    Andy

    April 28, 2016 at 10:26 am #623591
    Archie

    It works at first, but after refreshing and clearing cache, it goes back to showing the small icons. I change the opacity value to 2 and it works again, and then another refresh and clear cache and the same thing, small icons again.

    April 30, 2016 at 11:23 pm #625156
    Josue

    Hi,

    Use this instead:

    .avia_transform .av_font_icon {
    opacity: 1;
    transform: none;
    -webkit-transform: none;
}

    Best regards,
    Josue

    May 10, 2017 at 6:05 am #790843
    Archie

    Thank you for all your help everyone! Much appreciated! Please go ahead and closed this ticket as resolved.

    May 10, 2017 at 6:22 am #790853
    Sarah

    We’re always happy to help.

    If you have any other questions or issues, feel free to post them here on the forum and we will gladly try to help you.

    Thank you for using Enfold!

    Sarah

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Icons offset not working’ is closed to new replies.