[chrishdunnParticipant]

Hi…something has gone wrong with my site. http://edgazette.co.uk/

I have been using fa fa icons in this way … <i class=”fa fa-facebook”></i> in a ‘Follow us on :’ section at the top of the page (you can see the empty social media background circles where they used to display). This has been working fine until I today installed jetpack and deleted a visual composer slider plugin that I wasn’t using.

The icons now do not display.Have uninstalled jetpack but they have not returned.

The fa fa tags are still displaying fine using the content css :before method.

Can’t work out what has happened…any pointers gratefully received! Many thanks, Chris.

[RupokMember]

Hi there,

Thanks for writing in! It seems you are expecting to load Font Awesome icon without loading the CSS. You need to load the Font Awesome CSS to make it work as X uses a different/modified version of Font Awesome.

If you want to use X icons, then you can use –

<i data-x-icon="" class="x-icon-facebook-square"></i>

If you still want to use fa fa-facebook then you can add this under Custom > CSS in the Customizer.

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css");

You can also load this to your Child Theme‘s functions.php :

function my_custom_head_output() {
  ?>
   <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  <?php
}

add_action( 'wp_head', 'my_custom_head_output', 99999 );

Hope this helps.

Cheers!

[chrishdunnParticipant]

Thanks for the great support. I guess the slider plugin I deleted must have loaded FontAwesome!

[Prasant RaiModerator]

You’re welcome! We are just glad we were able to help you out.

[Author]

Posts