FontAwesome Icon Not Showing In Helix Ultimate Template - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

FontAwesome Icon Not Showing In Helix Ultimate Template

SL

Sissel Lundeby

Helix Framework 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

0
12 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #90809

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?

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #91102

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #91103

Which font is not working, any example?

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

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #91111

Here is an example:

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

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #91112

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.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #91113

This should help:

.osc-container span.far  {
  font-family: Font Awesome 5 Free !important; }
0
SL
Sissel Lundeby
Accepted Answer
3 years ago #91218

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #91231

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

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #91232

Between us

foto_9067_2022.jpg

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #93730

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?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 3 years ago #93733

You didn't remove that ".osc-container span" with Arial !! WHY???

maybe it's loaded from OSCampus component styles.

But I cannot remove that, I am not Super User

0
SL
Sissel Lundeby
Accepted Answer
3 years ago #93742

Hi, I found a setting in OSCampus that is loading the style. Now it works! Thanks, Sissel

0