Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1184728
    Kade McConville
    Participant

    Hi Guys,

    Minifying my site using W3 Total Cache causing the FA Icons to stop showing. Is there anyway to bypass caching the icons here?

    check https://rkade.uk.com and you’ll see the issue with the superfly menu icons 🙁

    I tried adding;

    <FilesMatch ".(eot|ttf|otf|woff)">
    Header set Access-Control-Allow-Origin "*"
    </FilesMatch>

    To my .htaccess file with no luck!

    #1184868
    Nabeel A
    Moderator

    Hi there,

    Thanks for writing in! Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

    i:before {
        font-family: fontAwesome !important;
    }

    Let us know how this goes!

    #1184873
    Kade McConville
    Participant

    PERFECT 🙂

    #1184876
    Prasant Rai
    Moderator

    You are most welcome. 🙂

    #1273174
    Kade McConville
    Participant

    The code above was blocking my wp-review-pro thumbnail stars. Is there any alternative here?

    Thanks!

    #1273283
    Darshana
    Moderator

    Hi there,

    In that case you will need to add the following CSS rules.

    
    .la0a686c94398d9aa95125a33c8a31c1b6-star::before {
        font-family: fontawesome !important;
    }
    
    .la0a686c94398d9aa95125a33c8a31c1b6-newspaper-o::before {
        font-family: fontawesome !important;
    }
    
    .la0a686c94398d9aa95125a33c8a31c1b6-forumbee::before {
        font-family: fontawesome !important;
    }
    
    .la0a686c94398d9aa95125a33c8a31c1b6-gift::before {
        font-family: fontawesome !important;
    }
    
    .la0a686c94398d9aa95125a33c8a31c1b6-heart::before {
        font-family: fontawesome !important;
    }
    
    .la0a686c94398d9aa95125a33c8a31c1b6-comment::before {
        font-family: fontawesome !important;
    }
    

    Hope that helps.

    #1273287
    Rad
    Moderator

    Hi there,

    Please try this,

    i.la_icon:before, i.x-icon:before {
        font-family: fontAwesome !important;
    }

    Cheers!

  • <script> jQuery(function($){ $("#no-reply-1184728 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>