help center

On this page

My changes do not appear online

Last Update: October 25, 2023

General

info
Note
  • You should always test updates on a staging site before updating your live site.
  •  You can report any bugs or other issues you’ve found to the Elementor Github page.

Issue Description

Changes that you made in Elementor Editor do not appear on your website.

Possible Causes & Solutions

Here are possible reasons and solutions why your changes are not appearing online.

Issue after updating Elementor and/or Elementor Pro

After updating Elementor, the updated version may conflict with your current setup. Depending on what changes are not appearing, try the below troubleshooting steps.

IssueSolution
Files or Data Files issues1. Go to WP Admin > Elementor > Tools.
2. Click Regenerate Files & Data.
Cache and optimization issues1. Clear optimizations and cache third-party plugins before updating. Ensure that they are disabled when you update.
2. Ensure that you do not have server caching enabled. You may need to consult your current hosting provider for additional assistance.
Issue with Elementor features1. Deactivate Elementor features to eliminate issues with experimental features, mainly performance features such as Inline Font Icons and Improved CSS Loading.
2. Deactivate features by going to WP Admin > Elementor > Settings > Features.
3rd party plugin conflictsDisable all plugins except Elementor and Elementor Pro on your staging site to eliminate any possible conflicts with third-party plugins.
WordPress Themes conflictSwitch your theme to any default WordPress theme or the Elementor Hello theme.
Issues with CSS Print method1. Deactivate and clear optimizations and cache before updating. Ensure that they are disabled when you update.
2. Ensure that you do not have server caching enabled. You may need to consult your current hosting provider for additional assistance.

Cache and Optimization issues

Cache or optimizations can prevent your changes from appearing online.
Do one or more of the following to troubleshoot the issue:

  1. Disable any third-party WordPress optimization or cache plugins.
  2. Temporarily clear/disable any server-level caching. You may need to consult your hosting provider for help with this.
  3. Clear your browser cache or test the page using incognito mode.

Issues with Features or Experiments

An issue with a feature or experiment can prevent your changes from appearing online.

Do one or more of the following to troubleshoot the issue:

  1. Deactivate Elementor features to eliminate issues with experimental features, mainly performance features such as Inline Font Icons and Improved CSS Loading. You can deactivate features by going to WP Admin > Elementor > Settings > Features. See this article for more information: Elementor features.
  2. Disable any third-party WordPress optimization or cache plugins.
  3. Temporarily clear/disable any server-level caching. If you need help with this, consult your hosting provider.
  4. Clear your browser cache or test the page using incognito mode.

Incorrect Server/WordPress configuration

Server or WordPress configurations may affect how stylesheets are generated, preventing your changes from appearing online.

Do one or more of the following to troubleshoot the issue:

  1. If you recently added SSL or made other changes in your domain or file directory, ensure these changes are aligned. Go to Settings > General on the WordPress dashboard and check that both the WordPress Address (URL) and Site Address (URL) are the same and that both are either http:// or https://.
  2. Permalinks can affect your layout or stylesheet. Go to WP Admin>Settings>Permalinks and set permalinks to Plain
  3. Check your Custom Server Configuration/Optimization.
  4. Check your .htaccess custom code/configuration.

Issues with CSS Print method

The CSS print method can affect your stylesheet.

To troubleshoot the issue:

  1. In the WP Admin, go to Elementor>Settings>Advanced and check the CSS Print Method.
  2. If it is set to External File, set it to Internal File. If it is set to Internal File, set to External File.
  3. Test to see if this resolves the issue.

Unclosed HTML tags, CSS or custom codes

If you added custom code or CSS to Elementor widgets, Global Settings or Theme and did not close the HTML tags, this can prevent your changes from appearing online.

To troubleshoot the issue:

  1. Check any custom code or CSS added on to global settings and verify that the code works, checking for any unclosed, or improperly closed, tags.
  2. If you added any inline styling to widgets (such as the Heading, Text Editor or HTML widgets), check them for unclosed, or improperly closed tags.
  3. Check your pages for custom CSS. An easy way to check is to open the Navigator and look for any highlighted elements. These highlights indicate that the element contains custom CSS, motion effects or absolute positioning.
thumbs_up_down
Tip
  • We recommend not switching back and forth between the Elementor Editor and native WordPress editor. This can lead to content issues. 
  • When you export an SVG image from an SVG editor, it should have a unique ID. It can lead to errors if it has a custom size but doesn’t have a unique ID. Fix this by re-exporting the image with a unique ID or set the width size in pixels (PX). 
  • Themes can sometimes prevent changes from appearing – for instance if the theme CSS overrides the Elementor CSS. To check, switch to a default WordPress theme or the Elementor Hello theme. If it is a theme issue, contact the developers for assistance.

Contact support

If you have tried the above steps and still haven’t resolved the issue. Contact support for further assistance. For more details, see how to submit a support ticket.

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article