Pagelines - Editor Icon Image not show (only show rectangle) fix

Case study:

I am doing development in my local machine.  Once it is done, I am copying my site from local machine to another machine.

I copies all files to remote site, and copy all data from localhost MySQL to remote MySQL, with all domain information replaced using searchreplacedb2.php.

However, when you complete all these, you will see the following error:


failed to load resources (404):
  • dms/fonts/fontawesome-webfont.woff2
  • dms/fonts/fontawesome-webfont.woff
  • dms/fonts/fontawesome-webfont.ttf
If you digg into the problem, you will most often see this solution:

In .htaccess, add this line:

Header set Access-Control-Allow-Origin "*"

But to me, that doesn't work.  Because for some unknown reason, Pagelines in new server is referencing to a file in old server.

How to fix?

To fix this problem, look for this file:

/wp-content/uploads/pagelines/editor-draft.css

In this file, it will load the fontawesome font file, which it incorrectly reference all font files to "localhost" instead of a correct server.

So, simply do a search-replace and replace text from "localhost" to <the remote server you want>, save and refresh your browser, and DONE, the problem is now fixed.

Hope that help someone.

Comments

Popular posts from this blog

TCPDF How to show/display Chinese Character?

Wordpress Load balancing: 2 web servers 1 MySQL without any Cloud services

Using wget bypass htaccess username password 401 authorization