Font Awesome Not Loaded In Some Pages
Claudio Bartoloni
In my site I'm trying to use the template Helix ultimate. It works quite well with pages created by SP Page Builder. But when a page generate from other components are showed, Font Awesome is not loaded and many symbols disappear. Could you please suggest how to load Font Awesome also for this pages?
To see how the site works please use the following URL that directs to a Live Staging copy of the production site where I'm trying to use Helix Ultimate. http://pm-online.it/livestaging/ERG52bfc9638b075b6bdde5a5a5ac6f79ca47df3393cb6c035aea73bdf7b16c83d2T When you access this link you will see a yellow border around the page that shows your are navigating the Live staging site. If you access the Home page or the Certification pages the pages are correctly presented. If you access the testimonial page, for example, (https://www.pm-online.it/testimonial-fader) you will see that the symbols on the menu changes and the symbols on the bottom of the pages disappear.
Could you please help?
Paul Frankowski
Accepted AnswerNessun problema, sono qui per aiutarvi.
Solution 2. is the quickest.
Helix Ultimate > Template Options > Advanced (tab) > Font Settings > Enable Font Awesome: Yes/Si
Save changes!
Paul Frankowski
Accepted AnswerCiao Claudio,
Here I see all font awesome icons in menu and in testimonial area
also in the bottom
Claudio Bartoloni
Accepted AnswerHi Paul You probably are visiting the production site Please use the following link to visit the live staging site where teh problemi isi visible. http://pm-online.it/livestaging/ERG52bfc9638b075b6bdde5a5a5ac6f79ca47df3393cb6c035aea73bdf7b16c83d2T If you do not see a yellow border around the page you are not on the live staging site.
Paul Frankowski
Accepted AnswerPlease share URL where there are no icons! And you don't see them on all browsers, Chrome, Firefox, Edge etc.
But when a page generate from other components are showed, Font Awesome is not loaded and many symbols disappear.
In most cases it's caused when other component loads it's own font awesome file that is OLDER than v5.15.x then indeed becuase component files are loaded after template there could be conflict between Font Awesome versions. To be honest that mess was made by FA developer, he made a lots of changes in class names. You can fix it in few ways.
2nd reason. Becuase right now Font Awesome Free 5.15.1 is loaded only from SP Page Builder, not from Helix Template which was disabled by you, on some subpages where you do not have any SPPB object, template cannot use Font Awesome 5.15 becuase it's not loaded.
Claudio Bartoloni
Accepted AnswerPlease look also to the following URL https://www.pm-online.it/news (this a standard Joomla component) https://www.pm-online.it/faq (this is made by a different developer) In both cases the bottom of the page and the symbols after the menu entries are wrong
Paul Frankowski
Accepted AnswerThanks for links.
Read "2nd reason" from my last post. This is a reason in your case.
Idea how to fix it:
- Publish SPPB Module with at least one icon on the "bottom1" position instead of using Custom Html module as you have now, then FA will be loaded directly from SPPB component.
- Turn on Font Awesome from Template Options > Advanced - but it will load Font Awesome file twice, that doesn't make sense if we talk about speed optimization.
Claudio Bartoloni
Accepted AnswerThank you Paul Do you mean I should enable Helix Template? Could you please explain why and how? I supposed Helix Ultimate was a complete replacement for Helix3 plugin I beg your pardon but I'm not expert about this components
Claudio Bartoloni
Accepted AnswerThank you very much I used solution 2 and i works. Now I will try solution 1 that I understand its better than solution 2 I'll let you know.... Thanks