Hadron FontAwesome Incompatibility (Icons)
-
-
- Zackary
- Newbie
- Posts: 9
- Thanks: 0
-
Server Details (Linux/Windows, Hosting service, etc) Webhosting / Interserver PHP version 7.4 Platform (name and version) GRAV (Latest version as of today) Template/Extension (name and version) Hadron Link to the Issue volvl.com/ Issue Using the latest version of everything, while modifying FontAwesome's version from 4 to 5, the search icon(s) and possibly others, but at the moment just the search icon, is not rendering. It works fine if I go back to 4 (Legacy), however it breaks once you try to use a newer version of FontAwesome.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
A Lot f particles have hardcode icons expecting fontawesome 4 - did you check backwards compatibility checkbox?
Please provide login details in the secure tab of your reply.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Use this code:
.nav-search .g-search::before { font-family: "Font Awesome 5 Free"; font-weight: 900; }
Addd this to your custom.scss file (see gantry 5 docs to learn more).
Regards, Mark. - Last Edit: 1 year 9 months ago by MrT.
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Zackary
- Newbie
- Posts: 9
- Thanks: 0
-
Will do, however I think I found an issue with Gantry/FontAwesome's implementation itself going through the files.
File One:
See: /plugins/gantry5/assets/css/font-awesome5-all.min.css
This image is hidden for guests.
Please log in or register to see it.
File Two:
See: /plugins/gantry5/assets/css/font-awesome5-pseudo.min.css
This image is hidden for guests.
Please log in or register to see it.
File Three:
See: /plugins/gantry5/assets/css/font-awesome5-shim.min.css
This image is hidden for guests.
Please log in or register to see it.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
Please post your FTP logon, password and FTP URL in the secure area of your post.
It worked for me when I tried it.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
-
-
- Zackary
- Newbie
- Posts: 9
- Thanks: 0
-
MrT wrote:
Please post your FTP logon, password and FTP URL in the secure area of your post.
It worked for me when I tried it.
Regards, Mark.
I modified my previous post, had to clear Cache and recompile CSS.
-
-
-
- MrT
- Preeminent Rocketeer
- Posts: 101084
- Thanks: 13481
- Web Designer/Developer
-
The files are supplied by fontawesome and they are fine. The files contain multiple browser instructions that are ignored by some browsers and acted upon by others.
Regards, Mark. - Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information.
-
Time to create page: 0.063 seconds