How to Fix White Text and Missing Buttons in WordPress Visual Editor

How to Fix White Text and Missing Buttons in WordPress Visual Editor

Are you having trouble with white text and missing buttons in your WordPress blog? When you write the content you could not see the text because the text color of the post is white and all the editor buttons were missing. This is the common error that can be fix easily. In this tutorial you will learn how to fix white text and missing buttons in WordPress visual editor.

If you are not seeing button in your visual editor even after click on the Toggle Toolbar then you should follow the steps to fix the issue.

How to Fix White Text and Missing Buttons in WordPress Visual Editor

Troubleshoot the Error

  • Step-1: Clear the Browser Cache.
  • Step-2: Replace TinyMCE Folder.
  • Step-3: Add Line of Code in wp-config.php file.

Step-1: Clear the Browser Cache

The first thing you should clear your browser cache. If you are working in Google Chrome, click on three dot button customize and control Google Chrome at the top right corner of the screen. From the More tools, click on Clear browsing data.

Fix WordPress Login Page Refreshing and Redirecting Issue

You will see the dialog box in the screen. In time range option select All time from the drop-down and click on clear data button.

Fix WordPress Login Page Refreshing and Redirecting Issue

If this does not fix the error try below methods.


Step-2: Replace TinyMCE Folder

TinyMCE is the folder is location in the root directory of your web server. You need FTP client such as FileZilla to replace or modify anything in the web server. This issues may cause when your WordPress installing or updating process goes wrong or gets corrupted.

In this case, you have to download the fresh copies of WordPress and replace TinyMCE folder with the fresh one. Download WordPress and keep it on the desktop.

Download Wp

Once download extract the file on the desktop where you will find another WordPress folder. You will find fresh copies of TinyMCE folder inside wordpress>wp-includes>js folder.

How to Fix White Text and Missing Buttons in WordPress Visual Editor

Connect FileZilla to the web server. From the server section, Open root directory e.g. public_html then wp-includes and open js folder. You will find tinymce folder which you will replace with the fresh one.

From the PC section of FileZilla. Open WordPress>>wp-includes>>js, right click on TinyMCE folder and click on upload. While uploading you may see the message to overwrite the folder click on yes to continue.


Step-3: Add Line of Code in wp-config.php file

If none of the above tricks worked, adding the line of code in wp-config.php file can fix the issue. Connect to your web server using FileZilla. Open root directory e.g. public_html where you will find wp-config.php.

Right click on wp-config.php and click on view/edit.  Now, add the following line of code below the <?php tag and save the changes. You will see the message to upload the file back to the server click on yes.

define('CONCATENATE_SCRIPTS', false);

We hope this tutorial on How to Fix White Text and Missing Buttons in WordPress Visual Editor is helpful. You may also like to see the guide on how to fix error establishing a database connection.

If you found any other solution to fix this error let us know it the comment below.

If this guide is helpful do not hesitate to share and follow us on facebook and twitter.

You may also like...