Knowledgebase

White Text and Missing Buttons in Visual Editor

If you're experiencing issues with white text and missing buttons in the WordPress visual editor, it could be due to a variety of factors. Here are some steps you can take to address this problem:

  1. Browser Cache and Cookies:

    • Clear your browser's cache and cookies. Sometimes, cached data can cause display issues in the visual editor.

  2. Browser Extensions/Plugins:

    • Disable any browser extensions or plugins that might be interfering with the visual editor. Some extensions can conflict with WordPress functionality.

  3. Switch to a Default Theme:

    • Temporarily switch to a default WordPress theme (like Twenty Twenty-One) to see if the issue is related to your current theme. If it's resolved, you may need to investigate your theme's CSS or settings.

  4. Check for JavaScript Errors:

    • Open your browser's developer console (usually by pressing F12 or right-clicking and selecting "Inspect"), and check for any JavaScript errors. These errors can provide clues about what's causing the issue.

  5. Disable Gutenberg (Block Editor):

    • If you're using the new Gutenberg editor, try disabling it temporarily and reverting to the classic editor. You can do this by installing the "Classic Editor" plugin from the WordPress plugin repository.

  6. Increase PHP Memory Limit:

    • A low PHP memory limit can sometimes lead to display issues. Add the following code to your wp-config.php file to increase the memory limit:
    php
  1. define('WP_MEMORY_LIMIT', '256M');

  2. Check for Plugin Conflicts:

    • Deactivate all plugins and check if the issue persists. If it resolves, reactivate each plugin one by one to identify the conflicting one.

  3. Check Custom CSS:

    • If you have added custom CSS to your site, review it to ensure it's not causing conflicts with the visual editor.

  4. Update WordPress, Theme, and Plugins:

    • Ensure that your WordPress core, theme, and plugins are up-to-date. Outdated software can sometimes lead to compatibility issues.

  5. Inspect Theme Files:

    • Review the theme files, particularly the style.css file, for any custom CSS that might be affecting the visual editor.

  6. Check for Server-Side Issues:

    • Server misconfigurations or restrictions could also cause display issues. Contact your hosting provider for assistance.

  7. Reinstall WordPress Files:

    • If none of the above steps work, consider reinstalling the core WordPress files. Make sure to keep a backup of your site before doing this.

Remember to always back up your site before making any significant changes. This allows you to revert back if any further issues arise.

 
  • 0 Users Found This Useful
Was this answer helpful?

Related Articles

These are the steps to install WordPress, choose the best server and WordPress requirements.

WordPress is a free and open-source content management system (CMS) based on PHP and MySQL. It is the most popular website management or blogging system in use on the web, with more than 60 million...

White Screen of Death (WSoD)

The "White Screen of Death" (WSoD) is a term commonly used in the WordPress community to describe a situation where a user sees a completely white screen when trying to access their WordPress site,...

Internal Server Error

If you're encountering an "Internal Server Error" on your WordPress site, don't worry; it's a common issue and can usually be resolved with some troubleshooting. Here are some steps you can take to...

Error Establishing Database Connection

The "Error Establishing Database Connection" in WordPress is a common issue and it usually means that WordPress is unable to connect to your MySQL database. This can be caused by various reasons,...

403 Forbidden Error

A "403 Forbidden" error in WordPress typically indicates that the server understands the request, but it refuses to authorize access due to insufficient permissions. Here are steps you can...