FontAwesome icon not showing in Helix Ultimate template - Forum | JoomShaper
Awaiting an answer Helix Framework

FontAwesome icon not showing in Helix Ultimate template

Asked by Sissel Lundeby 3 years ago Last activity 3 years ago

Hi,

I am using Helix Ultimate template, and have included the script you recommend in your documentation before </head> in Custom code:

src=https://kit.fontawesome.com/4730d928ff.js crossorigin="anonymous"

However, the fontAwsome icon is not showing for the plug-in Campus Pro which uses fontAwsome.

Here is an example:

https://leantech.no/kurs-nett/spc

(referring to class="fa fa-dot-circle-o" but the icon is not showing)

Sissel

12 replies

Paul Frankowski Senior Staff

Hi Sissel,

but in Helix Documenation we do not recomment any ready script, only location where to add it.

By default Helix load FontAwesome 5 Free version if it's enabled, what is your goal?

Sissel Lundeby Asked this

Hi,
The goal is to show the FontAwsome icons properly on my website.
Suggestions on how to achieve this?
I have enabled Font Awsome.

Sissel

Paul Frankowski Senior Staff

Which font is not working, any example?

On my private sites I use FA 5.x Free and all icons are working fine.

Paul Frankowski Senior Staff
3 years ago · edited

You made mistake inside custom CSS, that's why!
Look and analize.

foto_9058_2022.jpg

for your icon, Roboto font is used, not Font Awesome.

Using !important is tricky.

Paul Frankowski Senior Staff

This should help:

.osc-container span.far  {
  font-family: Font Awesome 5 Free !important; }
Sissel Lundeby Asked this

Hi,
I have removed the custom code to use Roboto font.
I have also included the custom code you suggested in your reply.
But it still don't work: https://leantech.no/kurs-nett/spc

Sissel

Paul Frankowski Senior Staff
3 years ago · edited

You still done something wrong, I don't see my CSS code on that page, and ARIAL is used !

foto_9065_2022.jpg

from your custom CCS code remove that part

".osc-container span" from line where is "font-family: Arial, Helvetica, sans-serif;"

foto_9066_2022.jpg

Paul Frankowski Senior Staff

Between us

foto_9067_2022.jpg

Sissel Lundeby Asked this

Hi,
I still don't understand how I can get the fontawsome icond to display proper.
The code you suggested is included and the .osc-container coding is removed from the custom css.
Can you take a look at the template and the css file?

Log in to reply.