[Locked] Fontawesome 6 Icons are Not Loading On Helix Ultimate 2.0.16 - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

[Locked] Fontawesome 6 Icons are Not Loading On Helix Ultimate 2.0.16

A

Addington

Template 2 years ago

None of the Font Awesome icons are loading on HU since the latest update to 2.0.16 which was the update that brought in Font Awesome 6. I know I could go through and override the CSS, location by location to change back ro font-family: "Font Awesome 5 Free" but that's a pain and I'd have to remember to delete it later when the issue is resolved.

So i looked through the files, wondering if I could change it at a more basic setting and I found templates/shaper_helixultimate/css/v4-shims.min.css

The file is full of Font awesome 5. Is this why Font Awesome 6 is not loading?

1
25 Answers
A
Addington
Accepted Answer
2 years ago #135845

Just a follow up.... I exported the file to notepad++ and did a find-replace for Font Awesome 5 to FontAwesome 6. Then I loaded the file back up and all the icons are loading properly.

I am out of my depth here - I am not a developer. Is it possible to that Joomshaper simply forgot to update this file when releasing the latest version of Helix Ultimate?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #135856

Hi Charles,

It was prepared for Joomla 5 that has FA6 inside.

You could / should read tip 6. >> https://www.joomshaper.com/documentation/helix-framework/troubleshooting-faq#megamenu-without-arrow-icon-after-helix-ultimate-update

0
M
Martin
Accepted Answer
2 years ago #136265

Hi Paul,

I have followed these steps, but there are still pages where the icons are not displayed.

PHP 8.2, J5, HU2.1.7 and no jokes about J5 ;) ;) ;)

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #136270

@Martin about missing FontAwesome Icons.

Please go to Sp Page Builder > Options/Settings > Advanced (tab) > Load Font Awesome -

must be (blue dot) On.

info_1796_2023.jpg

0
M
Martin
Accepted Answer
2 years ago #136275

Damn, small catch, big effect ;) THX!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #136272

2nd, @Martian I have request/task for you (look into Hidden box)

0
M
Martin
Accepted Answer
2 years ago #136276

@Paul, I can't see it

0
Brad Thompson
Brad Thompson
Accepted Answer
2 years ago #137102

I'm confused here, what's the actual solution?

I'm just trying to get the new Twitter X logo to show up and Font Awesome still shows version 5.

I toggled the SCSS compilation back and forth, cleared site and browser cache, and nothing.

1
A
Addington
Accepted Answer
2 years ago #137138

Does this help? It worked for me. if you have Joomla 4, put this in the custom.css:- /deleteme when helix ultimate is fixed/ .fa { font-family: var(--fa-style-family,"Font Awesome 5 Free")!important; font-weight: var(--fa-style,900); }

.fa-brands, .fab { font-family: "Font Awesome 5 Brands" !important; }

.fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 5 Free" !important; }

and if you have Joomla 5, then it seems to work ok. IDK why.

1
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #137115

It depends on:

  1. What template you have, is it a raw Helix Ultimate or Template based on it?
  2. And do we talk about social icon from Helix settings

Remember that in case of - you can always use trick from Helix docuemnation >> https://www.joomshaper.com/documentation/helix-framework/customization-tips

0
Brad Thompson
Brad Thompson
Accepted Answer
2 years ago #137141

I'm running everything up to date, including J5 with the raw HU template.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #137164

On my demo I see new "X" icon, but so far you didn't shared URL so ....

0
Brad Thompson
Brad Thompson
Accepted Answer
2 years ago #137423

This is Joomla 5 with the latest updates of HU and SPPB updated.

I'm not understanding why it didn't upgrade the Font Awesome package.

0
R
Randall
Accepted Answer
2 years ago #137189

Not working for me either.. Seems like the Icon library in SPPB 5.1.8 hasn't been updated to FontAwesome 6. It is very confusing!!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #137191
  • SPPB 5.0.8 is version from Aug 2023
  • SPPB 5.1.8 is version from Nov 2023

But indeed in SPPB 5.1.x there is still FA 5. That's why you have to use tip from Helix guide to correct that by now.

0
R
Randall
Accepted Answer
2 years ago #137192

I meant 5.1.8 (typo).. Thanks.

0
Brad Thompson
Brad Thompson
Accepted Answer
2 years ago #137571

It was a bit of a pain, but I got it working using Fontello.

0
NT
Nils Thoms
Accepted Answer
2 years ago #138151

Hi Brad! Can you post your steps to solve the problem using Fontello? I'm facing the same problem, using Joomla 5, HU 2.0.17 and SBPB 5.1.9.

0
PB
Petr Benes
Accepted Answer
1 year ago #143580

Hello, there still isn't Font Awesome 6 in SPPB? I'm on Helix Ultimate 2.0.18 and SPPB 5.2.4, but I see only Font Awesome 5 in SPPB.

Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #143581

Indeed, we all wait for FA 6 update in SPPB. I cannot share any date yet. But it's on the wish-list.


Font Awesome Free 6.4.2 is only in raw Helix Ultimate template.

0
FH
Franck H.
Accepted Answer
1 year ago #154735

Hello, thanks for all this infos, I've tried everything, add the CSS also to mei custum.css.

But it does not work. One strange thing is, that the icons appears, but after i click on some menu points, the icons dont appear anymore: Video

Thanks a lot. Frank

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #154741

@sauerlu

Answer is pretter simple. You have Joomla 5, where Font Awesome 6 is used, not v5. This should be used in override.css

.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a::before {
  font-family: "Font Awesome 6 Free";} 
0
FH
Franck H.
Accepted Answer
1 year ago #154754

Thank you Paul for your answer, i've added this on my override.css. Cleared the Cache of Joomla, Browser etc, but nothing changed.

Thanks for your patience.

F.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #154756

I still see FA 5 inside your file, maybe files are cached by server, browser or other rules. It's beyond me.

info_2588_2024.jpg

0
FH
Franck H.
Accepted Answer
1 year ago #154759

Thanks a lot, you're right, Firefox seems to have a cache problem, in chrome, everything works now. Thanks a lot.

Frank

0
This topic is locked