General guidelines to using Elementor AI for coding<\/h2>\n\n\n\n\n- Remember to always save and backup your page before adding custom CSS, as the code may make unexpected changes to the page.<\/li>\n\n\n\n
- When adding custom CSS to an individual element, the code should include the term \u201cselector\u201d, if it doesn\u2019t the code may affect the entire page or other elements.<\/li>\n\n\n\n
- When you regenerate code with Elementor AI without inserting it, the previous code will be overwritten. It may be useful to keep a copy of the previous code in a separate document.<\/li>\n\n\n\n
- When you insert more than one snippet of code, be aware that one snippet may cancel out or conflict with another.<\/li>\n\n\n\n
- We are constantly working on improving Elementor AI and its coding abilities, however the generated code may not come out exactly as you\u2019d like. In some cases you may need to tweak this code.<\/li>\n\n\n\n
- Elementor does not offer support for Custom CSS code. Users are responsible for checking and debugging code produced by Elementor AI.<\/li>\n<\/ul>\n\n\n\n
Using Elementor AI to add custom code to an element<\/h2>\n\n\n\n
The following example will add CSS custom code to the heading of this home page:<\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31-1024x467.jpeg\")
<\/figure>\n\n\n\n\n- Select the Heading widget.
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-32.jpeg\")
<\/li>\n\n\n\n - Select Custom CSS<\/strong> from the Advanced<\/strong> tab of the Heading widget.
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-33.jpeg\")
<\/li>\n\n\n\n- Select Code with AI<\/strong>.
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-34.jpeg\")
Note: After your first use of Elementor AI, the Code with AI<\/strong> text will be replaced with the Elementor AI icon.<\/li>\n\n\n\n- Enter \u201cMake this heading turn red on hover\u201d into the text box.
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-35.jpeg\")
<\/li>\n\n\n\n - Click Generate code<\/strong>.
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-36.jpeg\")
This will add the following CSS Custom code:
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-37.jpeg\")
<\/li>\n<\/ol>\n\n\n\nClick Preview to see how the custom CSS works.<\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-38.jpeg\")
<\/figure>\n\n\n\nAnimating the Heading<\/h3>\n\n\n\n
Now let\u2019s add some animation to the Heading.<\/p>\n\n\n\n
\n- Go back to Custom CSS and select Code with AI<\/strong>.<\/li>\n\n\n\n
- Enter \u201cIn this heading, have the text bounce on hover\u201d in the text box.<\/li>\n\n\n\n
- Click Generate code<\/strong>.<\/li>\n\n\n\n
- Click Insert<\/strong>.<\/li>\n<\/ol>\n\n\n\n
Go to the preview and see the results. When you hover over the text it should bounce and turn red.<\/p>\n\n\n\n
Make an element sticky<\/h3>\n\n\n\n
Once common effect designers like to implement is to have elements of the page remain visible, even as visitors scroll through the page. This is referred to as making the element \u201csticky\u201d and is commonly used on headers to keep the menu available to visitors wherever they are on a page.<\/p>\n\n\n\n
This example will make the page\u2019s header sticky.<\/p>\n\n\n\n
\n- Select Edit Header<\/strong>.
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-39.jpeg\")
<\/li>\n\n\n\n- Select the container in the Header<\/li>\n\n\n\n
- Select Custom CSS<\/strong>. <\/li>\n\n\n\n
- Select Code with AI<\/strong>. <\/li>\n\n\n\n
- Enter \u201cMake this container sticky\u201d in the text box.<\/li>\n\n\n\n
- Click Generate code<\/strong>. The generated code will look like this:
![\"\"](\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-40.jpeg\")
Elementor AI provides you with generated code, and in the area below the code box, it explains what the code is doing.<\/li>\n\n\n\n- Select Insert code<\/strong>.<\/li>\n<\/ol>\n\n\n\n
Use preview to check out the results, as you scroll down the page, the header will remain at the top of your screen..<\/p>\n\n\n\n
Next steps<\/h2>\n\n\n\n
Now that you\u2019ve learned to add Custom CSS to elements and pages, learn how to add Custom Code to your entire site.<\/p>\n","protected":false},"excerpt":{"rendered":"
For Pro users, Elementor AI is not limited to writing text for your website, it can also be used to add custom CSS to both your page and individual elements on the page. Pro users can also add custom code to their site. Note: All users can use Elementor AI to add HTML to their […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3e627d56e7e7c8f7fd7c4"],"footnotes":""},"categories":[1480],"tags":[1389,1388,1359,1390,1398,1235,1334],"class_list":["post-34859","post","type-post","status-publish","format-standard","hentry","category-code","tag-advanced","tag-agency","tag-elementor-ai","tag-expert","tag-legacy-essential","tag-pro","tag-version-3-13"],"acf":[],"yoast_head":"\n
Add custom CSS using Elementor AI | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about Add custom CSS using Elementor AI 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-elementor-ai\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Add custom CSS using Elementor AI | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about Add custom CSS using Elementor AI in this article from Elementor's Knowledge Base. Get Elementor tips & more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2023-08-04T02:40:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-16T12:11:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"729\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Cliff Churgin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Cliff Churgin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 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-elementor-ai\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"Add custom CSS using Elementor AI\",\"datePublished\":\"2023-08-04T02:40:44+00:00\",\"dateModified\":\"2025-06-16T12:11:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/\"},\"wordCount\":567,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31-1024x467.jpeg\",\"keywords\":[\"Advanced\",\"Agency\",\"Elementor AI\",\"Expert\",\"Legacy Essential\",\"Pro\",\"Version 3.13\"],\"articleSection\":[\"Code\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/\",\"url\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/\",\"name\":\"Add custom CSS using Elementor AI | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31-1024x467.jpeg\",\"datePublished\":\"2023-08-04T02:40:44+00:00\",\"dateModified\":\"2025-06-16T12:11:44+00:00\",\"description\":\"Learn everything about Add custom CSS using Elementor AI in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31.jpeg\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31.jpeg\",\"width\":\"1600\",\"height\":\"729\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Help Center\",\"item\":\"https:\/\/elementor.com\/help\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Elementor AI\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Code\",\"item\":\"https:\/\/elementor.com\/help\/elementor-ai\/code\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Add custom CSS using Elementor AI\"}]},{\"@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\/c45726ca48a077e09198d78da3bc94d3\",\"name\":\"Cliff Churgin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g\",\"caption\":\"Cliff Churgin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Add custom CSS using Elementor AI | Elementor","description":"Learn everything about Add custom CSS using Elementor AI 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-elementor-ai\/","og_locale":"en_US","og_type":"article","og_title":"Add custom CSS using Elementor AI | Elementor","og_description":"Learn everything about Add custom CSS using Elementor AI in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/","og_site_name":"Help","article_published_time":"2023-08-04T02:40:44+00:00","article_modified_time":"2025-06-16T12:11:44+00:00","og_image":[{"width":1600,"height":729,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31.jpeg","type":"image\/jpeg"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"Add custom CSS using Elementor AI","datePublished":"2023-08-04T02:40:44+00:00","dateModified":"2025-06-16T12:11:44+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/"},"wordCount":567,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31-1024x467.jpeg","keywords":["Advanced","Agency","Elementor AI","Expert","Legacy Essential","Pro","Version 3.13"],"articleSection":["Code"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/","url":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/","name":"Add custom CSS using Elementor AI | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31-1024x467.jpeg","datePublished":"2023-08-04T02:40:44+00:00","dateModified":"2025-06-16T12:11:44+00:00","description":"Learn everything about Add custom CSS using Elementor AI in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/custom-css-elementor-ai\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31.jpeg","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2023\/04\/image-31.jpeg","width":"1600","height":"729"},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/custom-css-elementor-ai\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Help Center","item":"https:\/\/elementor.com\/help\/"},{"@type":"ListItem","position":2,"name":"Elementor AI","item":"https:\/\/elementor.com\/help\/elementor-ai\/"},{"@type":"ListItem","position":3,"name":"Code","item":"https:\/\/elementor.com\/help\/elementor-ai\/code\/"},{"@type":"ListItem","position":4,"name":"Add custom CSS using Elementor AI"}]},{"@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\/c45726ca48a077e09198d78da3bc94d3","name":"Cliff Churgin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2957ab51166ce1ab4527af621d95bed3b7002ffaed172a69d8d0fb052d28c700?s=96&d=mm&r=g","caption":"Cliff Churgin"}}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/34859","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\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/comments?post=34859"}],"version-history":[{"count":9,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/34859\/revisions"}],"predecessor-version":[{"id":58941,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/34859\/revisions\/58941"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=34859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=34859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=34859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
Using Elementor AI to add custom code to an element<\/h2>\n\n\n\n
The following example will add CSS custom code to the heading of this home page:<\/p>\n\n\n\n Click Preview to see how the custom CSS works.<\/p>\n\n\n\n Now let\u2019s add some animation to the Heading.<\/p>\n\n\n\n Go to the preview and see the results. When you hover over the text it should bounce and turn red.<\/p>\n\n\n\n Once common effect designers like to implement is to have elements of the page remain visible, even as visitors scroll through the page. This is referred to as making the element \u201csticky\u201d and is commonly used on headers to keep the menu available to visitors wherever they are on a page.<\/p>\n\n\n\n This example will make the page\u2019s header sticky.<\/p>\n\n\n\n Use preview to check out the results, as you scroll down the page, the header will remain at the top of your screen..<\/p>\n\n\n\n Now that you\u2019ve learned to add Custom CSS to elements and pages, learn how to add Custom Code to your entire site.<\/p>\n","protected":false},"excerpt":{"rendered":" For Pro users, Elementor AI is not limited to writing text for your website, it can also be used to add custom CSS to both your page and individual elements on the page. Pro users can also add custom code to their site. Note: All users can use Elementor AI to add HTML to their […]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_elementor_kustomer_id":["65a3e627d56e7e7c8f7fd7c4"],"footnotes":""},"categories":[1480],"tags":[1389,1388,1359,1390,1398,1235,1334],"class_list":["post-34859","post","type-post","status-publish","format-standard","hentry","category-code","tag-advanced","tag-agency","tag-elementor-ai","tag-expert","tag-legacy-essential","tag-pro","tag-version-3-13"],"acf":[],"yoast_head":"\n<\/figure>\n\n\n\n\n
<\/li>\n\n\n\n<\/li>\n\n\n\n
Note: After your first use of Elementor AI, the Code with AI<\/strong> text will be replaced with the Elementor AI icon.<\/li>\n\n\n\n<\/li>\n\n\n\n
This will add the following CSS Custom code:<\/li>\n<\/ol>\n\n\n\n<\/figure>\n\n\n\nAnimating the Heading<\/h3>\n\n\n\n
\n
Make an element sticky<\/h3>\n\n\n\n
\n
<\/li>\n\n\n\n
Elementor AI provides you with generated code, and in the area below the code box, it explains what the code is doing.<\/li>\n\n\n\nNext steps<\/h2>\n\n\n\n