{"id":25123,"date":"2023-08-08T11:34:52","date_gmt":"2023-08-08T08:34:52","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=25123"},"modified":"2026-02-24T10:30:13","modified_gmt":"2026-02-24T08:30:13","slug":"custom-css-not-working","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/custom-css-not-working\/","title":{"rendered":"Custom CSS not working"},"content":{"rendered":"\n

Issue<\/h2>\n\n\n\n

CSS changes do not appear immediately after adding them to websites.<\/p>\n\n\n\n

Solution<\/h2>\n\n\n\n

Following are the suggested solutions<\/strong>.<\/p>\n\n\n\n

Regenerate CSS<\/h3>\n\n\n\n

Follow the below steps:<\/strong><\/p>\n\n\n\n

    \n
  1. From WP Admin, navigate to Elementor>Editor>Tools<\/strong>.
    \"\"<\/li>\n\n\n\n
  2. In the Elementor Cache field, click Clear Files & Data<\/strong>.
    \"\"<\/li>\n\n\n\n
  3. Click Save Changes<\/strong>.
    \"\"<\/li>\n<\/ol>\n\n\n\n

    Clearing Site Cache<\/h3>\n\n\n\n

    Check if you have any caching plugins on your site or any server level caching enabled. Clear those caches.<\/p>\n\n\n

    [callout type=”note”]Contact your hosting provider to clear server cache.[\/callout]<\/p>\n\n\n\n

    Clear Browser Cache<\/h3>\n\n\n\n

    Clear browser cache or check the site in a private\/incognito window.<\/p>\n\n\n\n

    Theme Compatibility<\/h3>\n\n\n\n

    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.<\/p>\n\n\n\n

    Multiple Builders<\/h3>\n\n\n\n

    If you are using multiple page builders alongside Elementor, they can interfere with the Elementor\u2019s performance. The other builder can override the content you have created with Elementor. This stops from displaying the CSS changes. <\/p>\n\n\n\n

    To solve this issue: <\/strong><\/p>\n\n\n\n

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

      This should solve the CSS issue.<\/p>\n\n\n\n

      Validate Custom CSS syntax<\/h3>\n\n\n\n

      If your Custom CSS still isn\u2019t working, there may be a syntax error in the code. Even a small typo – such as a missing bracket, semicolon, or incorrect selector – can prevent the CSS from applying.<\/p>\n\n\n\n

      To check your CSS for syntax errors:<\/p>\n\n\n\n

        \n
      1. Copy your Custom CSS code.<\/li>\n\n\n\n
      2. Go to the W3C CSS Validator:
        https:\/\/jigsaw.w3.org\/css-validator\/#validate_by_input<\/a><\/li>\n\n\n\n
      3. Paste your code into the input field.<\/li>\n\n\n\n
      4. Click Check.<\/li>\n\n\n\n
      5. Review and fix any reported errors.<\/li>\n<\/ol>\n\n\n\n

        After correcting the errors, paste the updated CSS back into Elementor and save your changes.<\/p>\n","protected":false},"excerpt":{"rendered":"

        Occasionally some CSS changes may not appear immediately after adding them to our websites. Below are a few common solutions to help with this:<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["62c6c4d8a92d0f932b45b021"],"footnotes":""},"categories":[1463],"tags":[1389,1388,1390,1398,1235,1325],"class_list":["post-25123","post","type-post","status-publish","format-standard","hentry","category-troubleshooting-editor","tag-advanced","tag-agency","tag-expert","tag-legacy-essential","tag-pro","tag-troubleshooting"],"acf":[],"yoast_head":"\nCustom CSS not working | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Custom CSS not working in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elementor.com\/help\/custom-css-not-working\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom CSS not working | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Custom CSS not working in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/custom-css-not-working\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-08T08:34:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-24T08:30:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png\" \/>\n\t<meta property=\"og:image:width\" content=\"500\" \/>\n\t<meta property=\"og:image:height\" content=\"507\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Alan Kaler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alan Kaler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/\"},\"author\":{\"name\":\"Alan Kaler\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\"},\"headline\":\"Custom CSS not working\",\"datePublished\":\"2023-08-08T08:34:52+00:00\",\"dateModified\":\"2026-02-24T08:30:13+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/\"},\"wordCount\":330,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png\",\"keywords\":[\"Advanced\",\"Agency\",\"Expert\",\"Legacy Essential\",\"Pro\",\"Troubleshooting\"],\"articleSection\":[\"Troubleshooting Editor\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/\",\"url\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/\",\"name\":\"Custom CSS not working | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png\",\"datePublished\":\"2023-08-08T08:34:52+00:00\",\"dateModified\":\"2026-02-24T08:30:13+00:00\",\"description\":\"Learn everything about Custom CSS not working in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/custom-css-not-working\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png\",\"width\":500,\"height\":507,\"caption\":\"The Tools section of the elementor Editor menu\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/custom-css-not-working\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Troubleshooting Editor\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Custom CSS not working\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/help\/#website\",\"url\":\"https:\/\/elementor.com\/help\/\",\"name\":\"Elementor\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/help\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/help\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/help\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430\",\"name\":\"Alan Kaler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g\",\"caption\":\"Alan Kaler\"},\"description\":\"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Custom CSS not working | Elementor","description":"Learn everything about Custom CSS not working in this article from Elementor's Knowledge Base. Get Elementor tips & more.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elementor.com\/help\/custom-css-not-working\/","og_locale":"en_US","og_type":"article","og_title":"Custom CSS not working | Elementor","og_description":"Learn everything about Custom CSS not working in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/custom-css-not-working\/","og_site_name":"Help","article_published_time":"2023-08-08T08:34:52+00:00","article_modified_time":"2026-02-24T08:30:13+00:00","og_image":[{"width":500,"height":507,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png","type":"image\/png"}],"author":"Alan Kaler","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Alan Kaler","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/"},"author":{"name":"Alan Kaler","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430"},"headline":"Custom CSS not working","datePublished":"2023-08-08T08:34:52+00:00","dateModified":"2026-02-24T08:30:13+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/"},"wordCount":330,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png","keywords":["Advanced","Agency","Expert","Legacy Essential","Pro","Troubleshooting"],"articleSection":["Troubleshooting Editor"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/","url":"https:\/\/elementor.com\/help\/custom-css-not-working\/","name":"Custom CSS not working | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png","datePublished":"2023-08-08T08:34:52+00:00","dateModified":"2026-02-24T08:30:13+00:00","description":"Learn everything about Custom CSS not working in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/custom-css-not-working\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2026\/01\/navigate-to-elementor-tools.png","width":500,"height":507,"caption":"The Tools section of the elementor Editor menu"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/custom-css-not-working\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/"},{"@type":"ListItem","position":3,"name":"Troubleshooting Editor","item":"https:\/\/elementor.com\/help\/elementor-editor\/troubleshooting-editor\/"},{"@type":"ListItem","position":4,"name":"Custom CSS not working"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/help\/#website","url":"https:\/\/elementor.com\/help\/","name":"Elementor","description":"","publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/help\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/help\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/help\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/help\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/ebf805be1a1abdd587d4b97e3328f430","name":"Alan Kaler","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7618989d1401c38afe50748601d8dad91fdb8930f53fe037881768b15ab4b108?s=96&d=mm&r=g","caption":"Alan Kaler"},"description":"Alan Kaler is an expert Elementorist at Elementor and a WordPress Magician who thinks that the three most beautiful words in our language are: I told you"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=25123"}],"version-history":[{"count":6,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25123\/revisions"}],"predecessor-version":[{"id":164519,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/25123\/revisions\/164519"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=25123"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=25123"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=25123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}