Okay
  Public Ticket #1170279
FontAwesome Icons Broken After Upgrade
Closed

Comments

  • Adam started the conversation

    So I was running 7.6 I think and I just updated to the latest version. But it's broken my icons as you can see above the content in the attached URL.

    In Safari when I untick [class*="fa-"], everything seems to go back to the way the icons should be. Is this because these icons are now styled in the theme css whereas they weren't before?

    How can I fix this?


  •  9,009
    Tahir replied

    Hey Again,

    Seems like one of your plugins is adding the FontAwesome Library as well . Cant confirm since the CDN is not letting me . 

    Could you turn off all minification and CDN so we can take a look.

    Also try this fix:

    Please add this to your child Theme Functions.php :

    add_action( 'wp_enqueue_scripts', 'salient_child_enqueue_styles');
    function salient_child_enqueue_styles() {
       wp_enqueue_style('font-awesome-salient', get_template_directory_uri() . '/css/font-awesome.min.css');
       
     wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css', array('font-awesome'));
        if ( is_rtl() ) 
               wp_enqueue_style(  'salient-rtl',  get_template_directory_uri(). '/rtl.css', array(), '1', 'screen' );
    }


    Thanks 


    ThemeNectar Support Team 

  • Adam replied

    Hi. Thanks for that. I actually managed to fix it by simply restyling the icons I was using and ensuring the styles defined on [class*="fa-"] in styles.css were redefined in the custom css to display how I wanted it.

    No further action required. Thanks for getting back to me.