FontAwesome And Joomla 5 - Question | JoomShaper

FontAwesome And Joomla 5

LT

Lee Tempest

Helix Framework 2 months ago

Hello, I have just updated a Joomla 4.x site to the latest Joomla 5. Now all my FontAwesome icons refuse to load or display. It appears Joomla 5 loads FontAwesome version 6. My Helix template loads version 5

How can I fix / update my FontAwesome 5 icons across the site to use the core Joomla FontAwesome v6 icons?

0
2 Answers
LT
Lee Tempest
Accepted Answer
2 months ago #147118

Ah I found a workaround for anyone else int he smae situation. Add these lines to your custom.css file:

/deleteme when helix ultimate is fixed/ .fa { font-family: var(--fa-style-family,"Font Awesome 6 Free")!important; font-weight: var(--fa-style,900); } .fa-brands, .fab { font-family: "Font Awesome 6 Brands" !important; } .fa-classic, .fa-regular, .fa-solid, .far, .fas { font-family: "Font Awesome 6 Free" !important; } .offcanvas-menu .offcanvas-inner ul.menu > li.menu-parent > a > .menu-toggler::after, body.ltr .sp-megamenu-parent > li.sp-has-child > a::after, body.ltr .sp-megamenu-parent > li.sp-has-child > span::after, body.ltr .sp-megamenu-parent .sp-dropdown .sp-dropdown-items .sp-has-child > a::after {font-family: "Font Awesome 6 Free"; }

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 months ago #147119
0