-
Posts
-
Hi,
we are using the iconlist animation and icon fonts in a foooter widget.
On five sites with a portfolio grid in the main part, the icons below the portfolio grid and the footer icons aren’t displayed at all or only partially.
Please have a look at http://hofer-filmtage.com/festivalfilme-2014/
We just talked about this item on https://kriesi.at/support/topic/icon-font-doesnt-appear/, but we had to interrupt the support, because the film festival was running.
Thanks a lot
BerndHey profil77!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#footer span.av_font_icon.avia_animate_when_visible.avia_start_animation.avia_start_delayed_animation { -webkit-animation: none!important; -moz-animation: none!important; animation: none!important; opacity: 1!important; transform: none!important; -webkit-transform: none!important; -moz-transform: none!important; }Best regards,
YigitHi!
Have you tried flushing browser cache and refreshing your page a few times? It does work fine on my end on both languages
Best regards,
YigitHi Yigit,
thanks, but that doesn’t work, too. We noticed another mysterious behaviour: as soon as we modify the browser’s width or height, all icons appear suddenly. And also mysterious, as you know: the icons work fine on all other pages of the site.
Best regards, BerndHi,
Try adding this at the very end of your theme / child theme functions.php file:
function add_custom_script(){ ?> <script> (function($){ $(window).load(function() { $(window).trigger('resize'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'add_custom_script');Regards,
JosueHi Josue,
thanks a lot, but unfortunately that doesn’t work too. If you want to have a look on our WP, you’ll find your code at the end of functions.php and Yigit’s CSS code in the english version of ENFOLD theme options.
From our point of view the connection point is: every icon animation works fine on every page of the site with the exception of these 5 portfolio pages.
Best regards, BerndHey!
Please check it now, i added this code (here) and it seems to be fixed now:
function fix_icon_issue(){ ?> <script> (function($){ $(window).scroll(function(){ $(this).trigger('resize'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'fix_icon_issue');Regards,
JosueHi Josue!
Wow, everything works fine. Thanks a lot. And the new plugin, that’s really great.
Does this mean, that we can put all extensions of functions.php to the plugin-code? So we don’t have to touch this file after an update?
Thanks and best regards to South America
BerndHi Josue,
would you please have a look on a detail? If you open the homepage, you’ll see the fullscreeen slider.
Scrolling down or cklicking on “NEWS”, there is something like a little jump or a jerk of about 40 px to the bottom.
That movement only occurs if your plugin with the icon fix is activated.
Thanks and best regards
BerndHi Bernd!
Check it now, i changed it so the code only gets applied on the festivalfilme-2014 page.
Cheers!
JosueHi Josue,
thanks, but sorry: (1) the code still gets applied to every page.
(2) We have to fix the problem for ten pages. You may write the code for two pages and I will complete the other ones.
Best regards, BerndOk, here’s the code:
function fix_icon_issue(){ if( is_page( array( 77, 232 ) ) ){ ?> <script> (function($){ $(window).scroll(function(){ $(this).trigger('resize'); }); })(jQuery); </script> <?php } } add_action('wp_footer', 'fix_icon_issue');Just put the Page IDs of the pages you want to affect here
array( 77, 232 ).Cheers!
JosueHi Josue,
great, that’s the perfect solution. Everything works fine now.
Thanks a lot and best regards
Bernd
- The topic ‘Icon Fonts don't appear’ is closed to new replies.