Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Font awesome icons not showing in Wordpress after site address URL change

This may be an obvious question for those of you more advanced in coding than myself...but I created a website in WordPress but their domain is hosted elsewhere. They changed the A name and it now points to the site, but the font awesome icons are now square boxes. How can I fix this? Is there a simple way?

Many thanks for any help/guidance.

Alison

like image 964
AlisonDesign Avatar asked Aug 22 '16 10:08

AlisonDesign


People also ask

Why are my Font Awesome icons not displaying?

Make sure you're using the latest and greatest by updating your CDN code reference, updating your Font Awesome package via npm, or downloading a fresh copy of Font Awesome. You can check with version an icon was added to on its detail page (e.g. question-circle was added in Verion 1 but last updated in 5.0. 0).

How do I show Font Awesome icons in WordPress?

Get Your Font Awesome API Token: Go to your Font Awesome account page to generate and copy your API Token. Add Your Token to Your WordPress Plugin: Return to your WordPress site and open up the Font Awesome WordPress plugin settings. Select Use a Kit and paste your API token into the field. Save those changes.

Why my icons are not showing in HTML?

There are several possible reasons why your images are not showing up on your pages as expected: The image file is not located in the same location that is specified in your IMG tag. The image does not have the same file name as specified in your IMG tag. The image file is corrupt or damaged.

How do I make Font Awesome icons appear?

You place Font Awesome icons by using the prefix fa and the icon's name.


2 Answers

Super late, but hopefully this saves someone a lot of time. After migrating an existing Wordpress site to a new domain, I too encountered icons missing (both on the front-end and the back-end administration). After a long search and applying different methods, I found the database still listed the original/old domain within the "option" table.

Using phpMyAdmin, select the "option" table. Within "option" you will see the "site" and "home" rows. If the value has the old domains, you will need to change it to match the sites URLs (Located on the Administration dashboard under Settings > WordPress Address (URL) & Site Address (URL). To change the value, click Edit > and update the URL.

like image 104
Steve Ferreiro Avatar answered Oct 18 '22 17:10

Steve Ferreiro


Fix the problem in less then 2 mins. Simple replacement of /font-awesome/5.13.0/css/fontawesome.min.css with /font-awesome/5.13.0/css/all.min.css and also font-awesome/5.13.0/js/fontawesome.min.js with /font-awesome/5.13.0/js/all.min.js can fix this issue. https://youtu.be/_GV_pEmLCLU

like image 30
Pankaj Kumar Avatar answered Oct 18 '22 19:10

Pankaj Kumar