Some icons are not showing

Dear,

I already saw some similar question like mine but they didn’t work.
I need this icon: https://fontawesome.com/icons/snowflake?style=solid to be on the left empty bleu box

i already used this plugin: https://wordpress.org/plugins/better-font-awesome/ but i dont know why it doesnt work now.

Kind Regards,

Kevin

Hello there,

.fas class name is available in the newer version of Font Awesome. As the current version in the Perth theme loads older one, you have to add this snippet to load the newer one.

    function perth_child_remove_default_fontawesome() {
       // Remove Font Awesome from main theme
       wp_dequeue_style( 'perth-font-awesome' );
    }
    add_action( 'wp_enqueue_scripts', 'perth_child_remove_default_fontawesome', 999 );

    function perth_child_add_fontawesome_cdn() {
      echo '<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">';
    }
    add_action('wp_head', 'perth_child_add_fontawesome_cdn');

Add it to your child theme’s functions or use a plugin that does the same purpose (if you don’t have a child theme) like Code Snippets or Functionality.

Regards,
Kharis

1 Like

Dear Kharis,

Thank you for the information.
This is what i have now.
Code Snippets:


Service left side:

What actually is displayed on the left side:

Please let me know what i’m doing wrong.

Kind Regards,

Kevin

Dear Kharis,

Now the left side is working but the right side not.
https://fontawesome.com/icons/pagelines?style=brands is the one not working.
They are all typed in the same way.

Kind Regards,

Kevin

Hello Kevin,

Please provide me a link to that page, so I can inspect it closer. There’s might be incorrect class name. But please allow me to check it first.

Regards,
Kharis

1 Like

Dear Kharis,

Www.crystalpurewater.eu

Kind Regards,

Kevin

Hello Kevin,

For PageLines, try fab fa-pagelines class name.

Before doing so, add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    .fa.fab {
      font-family: "Font Awesome 5 Brands";
    }

Regards,
Kharis

1 Like

Dear Kharis,

Thank you it worked! You’re te best!

Kind Regards,

Kevin

You’re welcome Kevin!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

1 Like