help center

On this page

Custom CSS not working

Last Update: March 4, 2024

Issue

CSS changes do not appear immediately after adding them to websites.

Solution

Following are the suggested solutions.

Regenerate CSS

Follow the below steps:

  1. Go to Elementor > Tools > General.
    Custom CSS not working 3
  2. Click Regenerate Files & Data.
  3. Click Save Changes.

Clearing Site Cache

Check if you have any caching plugins on your site or any server level caching enabled. Clear those caches.

Note
Contact your hosting provider to clear server cache.

Clear Browser Cache

Clear browser cache or check the site in a private/incognito window.

Theme Compatibility

This issue can be because of the theme. You can try changing to the default theme of WordPress such as Twenty Twenty-One. If this solves the problem, contact the developers of your theme.

Multiple Builders

If you are using multiple page builders alongside Elementor, they can interfere with the Elementor’s performance. The other builder can override the content you have created with Elementor. This stops from displaying the CSS changes. 

To solve this issue: 

  1. Open the page having CSS issues.
  2. From top-right, click Update >Save as Template.
    Custom CSS not working 1
  3. Go to Pages > Add New Page.
    Custom CSS not working 4
  4. Click the Add Template icon. The Library window opens.
  5. Click My Template. The list of available templates opens.
  6. For the desired template, click Insert.
    Custom CSS not working 2

This should solve the CSS issue.

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