Font Awesome Icons

Hello, Im having issues with Font Awesome Icons.

There is problem when i want to integrate Font Awesome 5. In services, some icons dissappear and in posts there are icons dissapearing too. But I need Font Awesome 5 for some icons, for example bowling ball.

Ive tried everything, Better Font Awesome plugin, implement a code to header and I dont know what do do next.

Is it please possible, to deactivate Font Awesome, that is using Rocked theme and activate only Font Awesome 5 for whole theme?

The site is: www.zlatenagano.cz

Thank you very much.

Hello there,

Please try this solution:

For Rocked theme, to remove default Font Awesome script, replace this line:

wp_dequeue_style( 'sydney-font-awesome' );

with:

wp_dequeue_style( 'rocked-fontawesome' );

Regards,
Kharis

Hello, Ive tried it already.

When I put this code into snippets, icons for services work great, but icon for posts dont work, and for example fa-instagram dont work too.

Thank you.

Try fab fa-instagram class name. So it’ll be resulting something like:

<i class="fab fa-instagram"></i>

Regards,
Kharis

Works like a charm. Thank you very much.

One more problem - in posts, the pencil icon dont show.

Is it possible to fix it?

You’re welcome!

It looks likely the latest Font Awesome has changed the class names for pencil icon. https://fontawesome.com/icons/pencil-alt?style=solid

To use that new class names, try doing the below steps:

  1. Install and activate the TC Custom JavaScript plugin
  2. Go To Appearance > Custom JavaScript
  3. Paste the following code into the provided box
jQuery(function($) {

  var pencil = $('.post-format > i');
  if( pencil.length ){
    pencil.removeAttr('class').addClass('fas fa-pencil-alt');
  }

});
  1. Update

Regards,
Kharis