{"id":32869,"date":"2020-01-01T09:07:00","date_gmt":"2020-01-01T07:07:00","guid":{"rendered":"https:\/\/elementor.com\/help\/?p=32869"},"modified":"2024-02-04T16:07:27","modified_gmt":"2024-02-04T14:07:27","slug":"shadow","status":"publish","type":"post","link":"https:\/\/elementor.com\/help\/shadow\/","title":{"rendered":"What is Shadow, Text Shadow and Boxed Shadow?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Introduction&nbsp;<\/h2>\n\n\n\n<p>Shadow allows you to add a visual effect to an element giving it more depth and creating a 3D effect. Depending on the element it\u2019s modifying, it can be called either Shadow, Boxed Shadow or Text Shadow. You can modify these shadows by changing their color, size, angle and position.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Using Shadows<\/h2>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: Not all these options are available for all types of shadows.<\/p>\n\n\n\n<p>To create a shadow:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the pencil icon.<br><img decoding=\"async\" width=\"380\" height=\"60\" class=\"wp-image-39888\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png\" alt=\"\"><br><figure><figcaption>Click the pencil icon to add a shadow. Click the circular arrow icon to delete a shadow you created.<\/figcaption><\/figure><\/li>\n\n\n\n<li><figure><figcaption><span style=\"color: initial;\">Adjust the <\/span><strong style=\"color: initial;\">Color <\/strong><span style=\"color: initial;\">of your shadow. The shadow\u2019s color can be used to help reinforce the illusion of depth for your element. To choose a color, either use the<\/span><a href=\"https:\/\/elementor.com\/help\/?p=129\"> color picker<\/a><span style=\"color: initial;\">.\u00a0<\/span><\/figcaption><\/figure><\/li>\n\n\n\n<li><figure><figcaption><span style=\"color: initial;\">Use the sliders in the dropdown to adjust the shadow:<\/span><\/figcaption><\/figure>\n<ul class=\"wp-block-list\">\n<li><strong>Horizontal\u00a0<\/strong>and\u00a0<strong>Vertical\u00a0<\/strong>will move the shadow in different directions. This changes the location of the virtual light source creating the shadow.<\/li>\n\n\n\n<li><strong>Blur\u00a0<\/strong>softens the edges of the shadow.<\/li>\n\n\n\n<li><strong>Spread\u00a0<\/strong>increases the size of the shadow.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Position\u00a0<\/strong>determines if the shadow will flow from the element outwards (<strong>Outline<\/strong>), or into the element itself (<strong>Inset<\/strong>).<br><img fetchpriority=\"high\" decoding=\"async\" width=\"380\" height=\"444\" class=\"wp-image-39890\" style=\"width: 380px;\" src=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-2.png\" alt=\"\" srcset=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-2.png 267w, https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-2-257x300.png 257w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><br>The options available for the shadow. Not all these options are available for all elements.<\/li>\n<\/ol>\n\n\n\n<p class=\"callout-yellow\"><strong>Note<\/strong>: To delete a shadow after you&#8217;ve created one, click the circular arrow (back to default) icon.<\/p>\n\n\n\n<p>Shadows are simple to use and can help make your website deeper and far more interesting. It\u2019s capable of creating everything from subtle drop shadows to dramatically different layers for your elements.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction&nbsp; Shadow allows you to add a visual effect to an element giving it more depth and creating a 3D effect. Depending on the element it\u2019s modifying, it can be called either Shadow, Boxed Shadow or Text Shadow. You can modify these shadows by changing their color, size, angle and position. Using Shadows Note: Not [&hellip;]<\/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":["65ba3cf0ecb88e0bc5301224"],"footnotes":""},"categories":[1462],"tags":[],"class_list":["post-32869","post","type-post","status-publish","format-standard","hentry","category-editor-faqs"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is Shadow, Text Shadow and Boxed Shadow? | Elementor<\/title>\n<meta name=\"description\" content=\"Learn everything about What is Shadow, Text Shadow and Boxed Shadow? in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; 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\/shadow\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Shadow, Text Shadow and Boxed Shadow? | Elementor\" \/>\n<meta property=\"og:description\" content=\"Learn everything about What is Shadow, Text Shadow and Boxed Shadow? in this article from Elementor&#039;s Knowledge Base. Get Elementor tips &amp; more.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/help\/shadow\/\" \/>\n<meta property=\"og:site_name\" content=\"Help\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-01T07:07:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-02-04T14:07:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"278\" \/>\n\t<meta property=\"og:image:height\" content=\"44\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/elementor.com\/help\/shadow\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/shadow\/\"},\"author\":{\"name\":\"Cliff Churgin\",\"@id\":\"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3\"},\"headline\":\"What is Shadow, Text Shadow and Boxed Shadow?\",\"datePublished\":\"2020-01-01T07:07:00+00:00\",\"dateModified\":\"2024-02-04T14:07:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/shadow\/\"},\"wordCount\":264,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/help\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/shadow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png\",\"articleSection\":[\"Editor FAQs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/help\/shadow\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/help\/shadow\/\",\"url\":\"https:\/\/elementor.com\/help\/shadow\/\",\"name\":\"What is Shadow, Text Shadow and Boxed Shadow? | Elementor\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/help\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/help\/shadow\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/help\/shadow\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png\",\"datePublished\":\"2020-01-01T07:07:00+00:00\",\"dateModified\":\"2024-02-04T14:07:27+00:00\",\"description\":\"Learn everything about What is Shadow, Text Shadow and Boxed Shadow? in this article from Elementor's Knowledge Base. Get Elementor tips & more.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/help\/shadow\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/help\/shadow\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/help\/shadow\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png\",\"contentUrl\":\"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png\",\"width\":278,\"height\":44},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/help\/shadow\/#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\":\"Editor FAQs\",\"item\":\"https:\/\/elementor.com\/help\/elementor-editor\/editor-faqs\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"What is Shadow, Text Shadow and Boxed Shadow?\"}]},{\"@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":"What is Shadow, Text Shadow and Boxed Shadow? | Elementor","description":"Learn everything about What is Shadow, Text Shadow and Boxed Shadow? 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\/shadow\/","og_locale":"en_US","og_type":"article","og_title":"What is Shadow, Text Shadow and Boxed Shadow? | Elementor","og_description":"Learn everything about What is Shadow, Text Shadow and Boxed Shadow? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","og_url":"https:\/\/elementor.com\/help\/shadow\/","og_site_name":"Help","article_published_time":"2020-01-01T07:07:00+00:00","article_modified_time":"2024-02-04T14:07:27+00:00","og_image":[{"width":278,"height":44,"url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png","type":"image\/png"}],"author":"Cliff Churgin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Cliff Churgin","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/help\/shadow\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/help\/shadow\/"},"author":{"name":"Cliff Churgin","@id":"https:\/\/elementor.com\/help\/#\/schema\/person\/c45726ca48a077e09198d78da3bc94d3"},"headline":"What is Shadow, Text Shadow and Boxed Shadow?","datePublished":"2020-01-01T07:07:00+00:00","dateModified":"2024-02-04T14:07:27+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/help\/shadow\/"},"wordCount":264,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/help\/#organization"},"image":{"@id":"https:\/\/elementor.com\/help\/shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png","articleSection":["Editor FAQs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/help\/shadow\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/help\/shadow\/","url":"https:\/\/elementor.com\/help\/shadow\/","name":"What is Shadow, Text Shadow and Boxed Shadow? | Elementor","isPartOf":{"@id":"https:\/\/elementor.com\/help\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/help\/shadow\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/help\/shadow\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png","datePublished":"2020-01-01T07:07:00+00:00","dateModified":"2024-02-04T14:07:27+00:00","description":"Learn everything about What is Shadow, Text Shadow and Boxed Shadow? in this article from Elementor's Knowledge Base. Get Elementor tips & more.","breadcrumb":{"@id":"https:\/\/elementor.com\/help\/shadow\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/help\/shadow\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/help\/shadow\/#primaryimage","url":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png","contentUrl":"https:\/\/elementor.com\/help\/wp-content\/uploads\/2020\/01\/Shadow-1.png","width":278,"height":44},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/help\/shadow\/#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":"Editor FAQs","item":"https:\/\/elementor.com\/help\/elementor-editor\/editor-faqs\/"},{"@type":"ListItem","position":4,"name":"What is Shadow, Text Shadow and Boxed Shadow?"}]},{"@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\/32869","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=32869"}],"version-history":[{"count":13,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/32869\/revisions"}],"predecessor-version":[{"id":45294,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/posts\/32869\/revisions\/45294"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/media?parent=32869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/categories?post=32869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/help\/wp-json\/wp\/v2\/tags?post=32869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}