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

Post a Comment

Popular posts from this blog

TCPDF How to show/display Chinese Character?

Thanks to this article (in Simplified Chinese, updated new link), there is a way to embed a TTF that can display Chinese (Traditional and Simplify, and possibly Japanese). Environment:  TCPDF 6.0.020 PHP 5.3.8 Windows 7 The problem: If you follow this post that said: using cid0cs or cid0ct to display Chinese, it can display the character correctly, only to the extend that user installed a correct font package.  However, chances are other users who didn't install that package cannot view that PDF since there are several packages and versions of PDF viewer (mainly Adobe).  And even worse: even if user installed certain CJK font package, the PDF still not displayed correctly (show empty page). And according to the official TCPDF documentation about font : The fonts that could be not embedded are only the standard core fonts and CID-0 fonts . The solution: Again, thanks to the post above (in simplified Chinese), now developer can use a font that: Can display Chines
Read more

How to fix fancy box/Easy Fancybox scroll not work in mobile

Hi The Problem: If you are working on EasyFancybox or just normal fancybox JS , and you have this problem: In your iOS device when a popup is opened, if the page is too wide and your pop up cannot show all, when user taps and drag the screen, the background will be dragged instead of the pop-up content. To fix, add this in your CSS: -webkit-overflow-scrolling: touch !important; So which element should you apply it to? In Easy Fancybox, you will see these 2 lines: <div id="fancybox-content"........>         <iframe id="fancybox-frame" name............... Apply to fancybox-content, not fancybox-frame So in your CSS, it should be: #fancybox-content{         overflow: scroll !important;         -webkit-overflow-scrolling: touch !important; } It works for me, and I hope it helps someone also.
Read more

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

Image
This is the exact config that I need to configure a load balancing without other cloud services like Amazon, rackspace or GoGrid, completely customized. I put my question on stackoverflow.com but no luck, so I put it on Quora.com and immediately I got response: My Notes: The load balancer is done by my colleagues so I am not sure what is the config of it.  But one thing to note: Your LB should enable "session stickiness" so that the session will follow visitor.  By the way, I am using Round-robins. Session: Actually I did not use session, but it seems that other plugins (like WPML) will use it.  If I use Apache load balancer, when I go to wp-admin through load balancing IP, I will not able to login, given the username and password is the same.  I will be redirected to login page.  So ask your load balancer providers or check your load balancer config and see how to manage the "Session Stickiness" issue. Shared folder: your wp-content/uploads folder mus
Read more