{"id":4341,"date":"2017-08-07T06:48:36","date_gmt":"2017-08-07T06:48:36","guid":{"rendered":"https:\/\/elementor.com\/blog\/?p=4341"},"modified":"2025-12-06T04:34:10","modified_gmt":"2025-12-06T02:34:10","slug":"text-shadow-effect","status":"publish","type":"post","link":"https:\/\/elementor.com\/blog\/text-shadow-effect\/","title":{"rendered":"New Feature: Text Shadow Effect [Including 7 Examples]"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4341\" class=\"elementor elementor-4341\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-gfxdqhw elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"gfxdqhw\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-pbqbwgl\" data-id=\"pbqbwgl\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-emmhtaq elementor-widget elementor-widget-text-editor\" data-id=\"emmhtaq\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Want to instantly make your headlines look better?<\/p><p>Choosing the right font, line height, letter spacing and other <a class=\"wpil_keyword_link\" href=\"https:\/\/elementor.com\/blog\/best-fonts-for-websites\/\"   title=\"26 Best Fonts For Websites &amp; Web Design (2025)\" data-wpil-keyword-link=\"linked\"  data-wpil-monitor-id=\"26981\">typography<\/a> settings are a good start, but what next?<\/p><p>Using the new <strong>Text Shadow effect<\/strong> in Elementor is a great way to create eye-catching <a href=\"https:\/\/elementor.com\/widgets\/text-path-widget\/\">text effects on WordPress<\/a> that is bound to draw the attention of your site visitor.<\/p><p>The new Elementor text shadow effect is part of <a href=\"https:\/\/elementor.com\/blog\/v160-image-lightbox\/\">Elementor V1.6<\/a>, which also featured our image &amp; gallery lightbox feature, bulk templates upload and more new features.<\/p><p>In this tutorial, I want to go over 7 text shadow examples, including the exact settings to reach each effect.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-i0q6pr9 elementor-widget elementor-widget-heading\" data-id=\"i0q6pr9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n1. The Plain Ol' Text Shadow<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-adgo714 elementor-widget elementor-widget-image\" data-id=\"adgo714\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/layer1-r4q74aftpqvum6bj5ra0q6cp8yzmo5cotaedpsd9zc.png\" title=\"layer1\" alt=\"layer1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ale1pf7 elementor-widget elementor-widget-text-editor\" data-id=\"ale1pf7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Even without doing to many alterations, text shadow works really nice in accentuating almost any headline. Make sure you don&#8217;t overdue it though. We don&#8217;t want to get a page where every headline has a text shadow&#8230;<\/p><p><strong>How to do it?<\/strong>\u00a0<\/p><ul><li>Font Family: Roboto<\/li><li>Color: #b2b2b2<\/li><li>Blur: 22<\/li><li>Horizontal: 11<\/li><li>Vertical:\u00a03<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-tycebzq elementor-widget elementor-widget-heading\" data-id=\"tycebzq\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. The Contrast Text Shadow<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-acbf1jv elementor-widget elementor-widget-image\" data-id=\"acbf1jv\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/q1-r4q6zp08awldusztzrrojc3kp5n11f3xijkx936keg.png\" title=\"q1\" alt=\"q1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8fck6gd elementor-widget elementor-widget-text-editor\" data-id=\"8fck6gd\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400\">In situations where the background is of the same shade like the headline, the result might be a headline that is hard to read. <\/span>By\u00a0adding a text shadow, so the heading gets a nice border that makes it easier to read.<\/p><p><span style=\"font-weight: 400\"><strong>How to do it?<\/strong> <\/span><\/p><ul><li>Font Family: Montserrate<\/li><li><span style=\"font-weight: 400\">Color: #f801d6<\/span><\/li><li><span style=\"font-weight: 400\">Blur: 75<\/span><\/li><li><span style=\"font-weight: 400\">Horizontal: 0<\/span><\/li><li><span style=\"font-weight: 400\">Vertical: 0<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0e77ncq elementor-widget elementor-widget-heading\" data-id=\"0e77ncq\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. The Glow text shadow<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-jahiklb elementor-widget elementor-widget-image\" data-id=\"jahiklb\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/madona1-r4q71v0u25k6mfuic7hpsaeu04yhsapnh9q831yw20.png\" title=\"madona1\" alt=\"madona1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-k1y90tr elementor-widget elementor-widget-text-editor\" data-id=\"k1y90tr\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you are into the 80&#8217;s, then you are going to love this text shadow effect. Using the glow text shadow can be used with any bright color, and adds\u00a0a retro neon effect to your headlines.<\/p><p><span style=\"font-weight: 400\"><strong>How to do it?<\/strong> <\/span><\/p><ul><li>Font Family: Monoton<\/li><li><span style=\"font-weight: 400\">Color: #aa004f<\/span><\/li><li><span style=\"font-weight: 400\">Blur: 100<\/span><\/li><li><span style=\"font-weight: 400\">Horizontal: 0<\/span><\/li><li><span style=\"font-weight: 400\">Vertical:\u00a038<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bmuyj30 elementor-widget elementor-widget-heading\" data-id=\"bmuyj30\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. text shadow Blur<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-kuya2od elementor-widget elementor-widget-image\" data-id=\"kuya2od\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/line1-r4q6y4lwwug6i79r53e2dqbx21d07kw1asfsghi6rs.png\" title=\"line1\" alt=\"line1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4elvd3t elementor-widget elementor-widget-text-editor\" data-id=\"4elvd3t\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>If you exaggerate and take the\u00a0horizontal and vertical spacing to extreme, you can reach an interesting effect that will resemble a blurred reflection on a glass door. That&#8217;s what it looks like to me, at least.<\/p><p><span style=\"font-weight: 400\"><strong>How to do it?<\/strong> <\/span><\/p><ul><li>Font Family: Ubuntu Condensed<\/li><li><span style=\"font-weight: 400\">Color: #9fa2a8<\/span><\/li><li><span style=\"font-weight: 400\">Blur: 23<\/span><\/li><li><span style=\"font-weight: 400\">Horizontal: -54<\/span><\/li><li><span style=\"font-weight: 400\">Vertical: -76<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-qglm074 elementor-widget elementor-widget-heading\" data-id=\"qglm074\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n5. Stroke \/ Hard text shadow<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-z3bjere elementor-widget elementor-widget-image\" data-id=\"z3bjere\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/statment1-r4q73453679y3q0z0qzt3z0yims41rornh1j4c3zrc.png\" title=\"statment1\" alt=\"statment1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9elhn7f elementor-widget elementor-widget-text-editor\" data-id=\"9elhn7f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>By not using any blur at all, you can create a stroke effect that will accentuate your headlines, retro style. This retro shade is rather popular right now, and it is also in tune with the hipster design trend.<\/p><p><strong>How to do it?<\/strong><\/p><ul><li>Font Family: Lobster<\/li><li>Color:\u00a0#09732c<\/li><li>Blur:0<\/li><li>Horizontal: 7<\/li><li>Vertical: 7<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-uouqgqk elementor-widget elementor-widget-heading\" data-id=\"uouqgqk\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">6. 3D Text Shadow <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bv826p0 elementor-widget elementor-widget-image\" data-id=\"bv826p0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/qoute1-r4q781sl1w1520ux7dsap872sgghgka1bwcatmsl3c.png\" title=\"qoute1\" alt=\"qoute1\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-of342vb elementor-widget elementor-widget-text-editor\" data-id=\"of342vb\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>By\u00a0making the shadow drop upwards, and condensing the heading with line height, we were able to create this 3 Dimensions text shadow effect that has a certain depth to it.<\/p><p><span style=\"font-weight: 400\"><strong>How to do it?<\/strong> <\/span><\/p><ul><li>Font Family: Poppins<\/li><li><span style=\"font-weight: 400\">Color: #845757<\/span><\/li><li><span style=\"font-weight: 400\">Blur:0<\/span><\/li><li><span style=\"font-weight: 400\">Horizontal: 7<\/span><\/li><li><span style=\"font-weight: 400\">Vertical: 7<\/span><\/li><li>Line Height:\u00a00.6<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-p2mfe8x elementor-widget elementor-widget-heading\" data-id=\"p2mfe8x\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\n7. Straight Down Text Shadow<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6k1s6ku elementor-widget elementor-widget-image\" data-id=\"6k1s6ku\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/elementor\/thumbs\/q2-r4q70lwky3uf55o1nnzmglsphn4vitqjb2ex1rtsco.png\" title=\"q2\" alt=\"q2\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5rm4eab elementor-widget elementor-widget-text-editor\" data-id=\"5rm4eab\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>This text shadow gives the effect that the headline is raised above the screen. Use this shadow as a great addition for your hero headlines or your call to action sections, making the elevated appearance of the headline.<\/p><p><strong>How to do it?<\/strong>\u00a0<\/p><ul><li>Font Family: Montserrat<\/li><li>Color: #b2b2b2<\/li><li>Blur:5<\/li><li>Horizontal: 0<\/li><li>Vertical:\u00a016<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-qxd4dcb elementor-widget elementor-widget-heading\" data-id=\"qxd4dcb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">See it in action<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-allr5rk elementor-widget elementor-widget-text-editor\" data-id=\"allr5rk\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We&#8217;ve created this short video showing our designer whipping up some of the text shadow effects. Check it out:<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-jwm7xrd elementor-widget elementor-widget-heading\" data-id=\"jwm7xrd\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Conclusion<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-xu2o76k elementor-widget elementor-widget-text-editor\" data-id=\"xu2o76k\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>We&#8217;ve only touched upon the various uses of text shadows, and the ways in which they can help you design better looking pages on WordPress.\u00a0<\/p><p>Combined with other Elementor design features, like gradient colors, <a href=\"https:\/\/elementor.com\/blog\/v04-new-amazing-features\/\">image overlays<\/a>, background videos or shape dividers, and you can create even more elaborate text shadow designs.<\/p><p>I invite you to download the latest version of Elementor, and experiment with the text shadow feature. We&#8217;d love to get your page designs before and after adding the text shadow. I am sure the results will speak for themselves.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In this post, you will learn to create 7 text shadow examples for our most recent FREE feature. Make your headlines more effective by adding a stunning text shadow effect on WordPress, no coding required.<\/p>\n","protected":false},"author":4,"featured_media":4417,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[79,173],"marketing_persona":[],"marketing_intent":[],"class_list":["post-4341","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-new-features","tag-build","tag-video"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Text Shadow Effect [Including 7 Examples]<\/title>\n<meta name=\"description\" content=\"In this post, you will learn about 7 ways to use the most recent design feature we&#039;ve introduced to Elementor: Text Shadow.\" \/>\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\/blog\/text-shadow-effect\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Text Shadow Effect [Including 7 Examples]\" \/>\n<meta property=\"og:description\" content=\"In this post, you will learn about 7 ways to use the most recent design feature we&#039;ve introduced to Elementor: Text Shadow.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elementor.com\/blog\/text-shadow-effect\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/elemntor\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-08-07T06:48:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-06T02:34:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Ben Pines\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@elemntor\" \/>\n<meta name=\"twitter:site\" content=\"@elemntor\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ben Pines\" \/>\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\/blog\/text-shadow-effect\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/\"},\"author\":{\"name\":\"Ben Pines\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\"},\"headline\":\"New Feature: Text Shadow Effect [Including 7 Examples]\",\"datePublished\":\"2017-08-07T06:48:36+00:00\",\"dateModified\":\"2025-12-06T02:34:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/\"},\"wordCount\":613,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png\",\"keywords\":[\"Build\",\"Video\"],\"articleSection\":[\"New Features\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/elementor.com\/blog\/text-shadow-effect\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/\",\"url\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/\",\"name\":\"Text Shadow Effect [Including 7 Examples]\",\"isPartOf\":{\"@id\":\"https:\/\/elementor.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png\",\"datePublished\":\"2017-08-07T06:48:36+00:00\",\"dateModified\":\"2025-12-06T02:34:10+00:00\",\"description\":\"In this post, you will learn about 7 ways to use the most recent design feature we've introduced to Elementor: Text Shadow.\",\"breadcrumb\":{\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elementor.com\/blog\/text-shadow-effect\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png\",\"width\":1200,\"height\":628},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elementor.com\/blog\/text-shadow-effect\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/elementor.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"New Features\",\"item\":\"https:\/\/elementor.com\/blog\/category\/new-features\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"New Feature: Text Shadow Effect [Including 7 Examples]\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elementor.com\/blog\/#website\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"name\":\"Elementor\",\"description\":\"Website Builder for WordPress\",\"publisher\":{\"@id\":\"https:\/\/elementor.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elementor.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elementor.com\/blog\/#organization\",\"name\":\"Elementor\",\"url\":\"https:\/\/elementor.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"contentUrl\":\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png\",\"width\":225,\"height\":225,\"caption\":\"Elementor\"},\"image\":{\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/elemntor\/\",\"https:\/\/x.com\/elemntor\",\"https:\/\/www.instagram.com\/elementor\/\",\"https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1\",\"https:\/\/en.wikipedia.org\/wiki\/Elementor\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a\",\"name\":\"Ben Pines\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g\",\"caption\":\"Ben Pines\"},\"description\":\"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.\",\"sameAs\":[\"https:\/\/elementor.com\"],\"url\":\"https:\/\/elementor.com\/blog\/author\/ben-pines\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Text Shadow Effect [Including 7 Examples]","description":"In this post, you will learn about 7 ways to use the most recent design feature we've introduced to Elementor: Text Shadow.","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\/blog\/text-shadow-effect\/","og_locale":"en_US","og_type":"article","og_title":"Text Shadow Effect [Including 7 Examples]","og_description":"In this post, you will learn about 7 ways to use the most recent design feature we've introduced to Elementor: Text Shadow.","og_url":"https:\/\/elementor.com\/blog\/text-shadow-effect\/","og_site_name":"Blog","article_publisher":"https:\/\/www.facebook.com\/elemntor\/","article_published_time":"2017-08-07T06:48:36+00:00","article_modified_time":"2025-12-06T02:34:10+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png","type":"image\/png"}],"author":"Ben Pines","twitter_card":"summary_large_image","twitter_creator":"@elemntor","twitter_site":"@elemntor","twitter_misc":{"Written by":"Ben Pines","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/#article","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/"},"author":{"name":"Ben Pines","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a"},"headline":"New Feature: Text Shadow Effect [Including 7 Examples]","datePublished":"2017-08-07T06:48:36+00:00","dateModified":"2025-12-06T02:34:10+00:00","mainEntityOfPage":{"@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/"},"wordCount":613,"commentCount":0,"publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"image":{"@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png","keywords":["Build","Video"],"articleSection":["New Features"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/elementor.com\/blog\/text-shadow-effect\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/","url":"https:\/\/elementor.com\/blog\/text-shadow-effect\/","name":"Text Shadow Effect [Including 7 Examples]","isPartOf":{"@id":"https:\/\/elementor.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage"},"image":{"@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage"},"thumbnailUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png","datePublished":"2017-08-07T06:48:36+00:00","dateModified":"2025-12-06T02:34:10+00:00","description":"In this post, you will learn about 7 ways to use the most recent design feature we've introduced to Elementor: Text Shadow.","breadcrumb":{"@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elementor.com\/blog\/text-shadow-effect\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/#primaryimage","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2017\/08\/Text-sadow-post.png","width":1200,"height":628},{"@type":"BreadcrumbList","@id":"https:\/\/elementor.com\/blog\/text-shadow-effect\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/elementor.com\/blog\/"},{"@type":"ListItem","position":2,"name":"New Features","item":"https:\/\/elementor.com\/blog\/category\/new-features\/"},{"@type":"ListItem","position":3,"name":"New Feature: Text Shadow Effect [Including 7 Examples]"}]},{"@type":"WebSite","@id":"https:\/\/elementor.com\/blog\/#website","url":"https:\/\/elementor.com\/blog\/","name":"Elementor","description":"Website Builder for WordPress","publisher":{"@id":"https:\/\/elementor.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elementor.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/elementor.com\/blog\/#organization","name":"Elementor","url":"https:\/\/elementor.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","contentUrl":"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2025\/06\/images.png","width":225,"height":225,"caption":"Elementor"},"image":{"@id":"https:\/\/elementor.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/elemntor\/","https:\/\/x.com\/elemntor","https:\/\/www.instagram.com\/elementor\/","https:\/\/www.youtube.com\/channel\/UCt9kG_EDX8zwGSC1-ycJJVA?sub_confirmation=1","https:\/\/en.wikipedia.org\/wiki\/Elementor"]},{"@type":"Person","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/c772e5251f765dce36a2b4989bad900a","name":"Ben Pines","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/elementor.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4635eef6208f12645017063c57db442067156b776efb0c13b3a26dfd96611e59?s=96&d=mm&r=g","caption":"Ben Pines"},"description":"Building websites seems like the dream job, and it is, but you have to know much more than technical skills. My mission at Elementor is to teach web creators how to build a successful business they love.","sameAs":["https:\/\/elementor.com"],"url":"https:\/\/elementor.com\/blog\/author\/ben-pines\/"}]}},"_links":{"self":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/4341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/comments?post=4341"}],"version-history":[{"count":3,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/4341\/revisions"}],"predecessor-version":[{"id":146795,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/posts\/4341\/revisions\/146795"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media\/4417"}],"wp:attachment":[{"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/media?parent=4341"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/categories?post=4341"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/tags?post=4341"},{"taxonomy":"marketing_persona","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_persona?post=4341"},{"taxonomy":"marketing_intent","embeddable":true,"href":"https:\/\/elementor.com\/blog\/wp-json\/wp\/v2\/marketing_intent?post=4341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}