Reasons and solutions for not being able to edit with Elementor

When editing with Elementor, you may sometimes encounter problems such as: displaying a blank page called "White Screen of Death"; displaying a gray page that loads indefinitely; or a widget panel that is grayed out or loads indefinitely. Click "Edit with Elementor".When you do so, you will not see the edit page, but will go to the live page;Using Elementor EditorsThe link is not available and other problems. Don't worry, let's analyze the causes and solutions together.

Possible causes

There may be several reasons for this:

• fatal error
  • Memory problems
  • Code-related issues
• server error
• Plugin Issues
• version incompatibility

Solution for white screen

Here are some solutions to the white screen encountered when editing with Elementor:

Check system requirements.

Check that system requirements are met.

Checking Memory

Disable some plugins to free up some space and see if that solves the problem. If this solves the problem, it could enhance the performance of your server.

Check Elementor or load method

A white screen of death may also occur due to the way Elementor is loaded. Use the option to toggle the front-end editor loader to fix this.

In those order:

1. Log in to the Wp Administrator's Back Office.

2. Go toElementor > SettingsThe

3. Click"Advanced"The

4. EnableSwitching Editor Loader MethodsThe

5. Click"Save changes"The

Check the backend and frontend url

If the URL (link) of the back-end is different from the URL of the front-end, it may result in a blank page error. 

In those order:

1. Log in to Wp Management.

2. Go to"Settings" > "General"The 

3. MakeThe site address (URL) and theWordPress Address (URL)Same.

4. Click"Save changes"The

Adding Apache service restrictions

Use SSH, FTP, or the File Manager tool in cPanel to edit the .htaccess file. Add the following line:

SubstituteMaxLineLength 10M
</IfModule

Resolving Plugin Conflicts

1. Temporarily disable all plugins except Elementor and Elementor Pro. If the Go Pro messages disappear, then you know that one of the disabled plugins is causing the problem.
2. Reactivate each plugin one by one until the problem reappears. The last plugin reactivated is the cause of the problem.
3. Contact the developer of the third-party plug-in or use another plug-in with similar functionality.

Ensure version compatibility

If using Elementor Free Edition and Elementor Pro at the same time, make sure the versions are compatible. Using a new version with an outdated version may cause conflicts. This is because the new version may use code or features that are not recognized by the old version. Update both versions (Elementor and Elementor Pro) to the latest version.

Clean JavaScript Code

Any javascript code that includes the document.write method will delete the existing HTML and create a blank page. Removing the .js code solves this problem.

Clean content

If the content is copied from another page, do the following:

1. Paste it into a text editor.

2. Switch to plain text mode and remove all CSS classes and extra code.

Solution for gray screen

Resolving Plugin Conflicts

Follow the steps below to check for plugin conflicts:

1. If the website is working properly, please do the following:

Temporarily disable all plugins except Elementor and Elementor Pro. If the Go Pro message disappears, then one of the disabled plugins is causing the problem. 

Reactivate each plugin, one at a time, until the problem reappears. The last plugin reactivated is the cause of the problem.

Please contact the developer of the 3rd party plugin or use another plugin with similar functionality instead.

Solving browser plug-in problems

It is possible that the loading page appears because an add-on has been installed on your browser. In this case, try switching to another browser.

Disable Preloader

If your theme uses a preloader, you may need to disable the preloader in the theme options or customizer. 

Checking for Browser Error Messages

The appearance of gray pages can also be the cause:

• X Framework Limitations
• cross-domain issue

To confirm, check your browser console for error messages. 

1. Right-click the web page.
2. optionInspection > ConsoleThe

The console displays the error in red along with the location and line number where the error occurred. Changed X-Frame-Options from DENY to SAMEORIGIN.

Disabling the Rocket Loader (for CloudFlare users)

Cloudflare users may need to disable the Rocket Loader or theAdding Rules to CloudflareThe Elementor editor may take some time to load after activating the Rocket Loader. After activating the Rocket Loader, loading the Elementor editor may take some time, sometimes getting stuck on a grayed out loading page.

clear the cache

Cloudflare's cache may prevent browsers from recognizing new versions of Elementor and Elementor pro. clear the cache before updating the plugin. 

Ensure version compatibility

If you use the free versions of Elementor and Elementor Pro together, make sure that the versions are compatible. Using a newer version with an older version may cause conflicts. Since the newer version may use code or features that are not recognized by the older version. Update both (Elementor and Elementor Pro) to the latest version.

Solution for widget panel keeps loading

Widget panel completely grayed out

If the widget panel is completely grayed out then there may be a plugin conflict, as shown below.

To find the plugin that is causing the problem, deactivate all plugins except Elementor and Elementor Pro (if applicable). If the problem is resolved, reactivate each plugin one by one until you find the problematic plugin.

Only the text editor widget is grayed out

If this gray panel only appears in theIn the text editor widget The

Widget panel loading endlessly

If the widget panel keeps loading and as shown below.

Edit page not accessibleIt is also caused by plugin conflicts, which can be solved with the plugin troubleshooting method mentioned above.