--- title: Text Shadow Support in Global Styles | daily.dev description: WordPress 7.1 adds support for the CSS text-shadow property in Global Styles via theme.json. Theme authors can now declare a textShadow value under... canonical: https://daily.dev/posts/text-shadow-support-in-global-styles-vzjr77boi twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Text Shadow Support in Global Styles | daily.dev og:description: WordPress 7.1 adds support for the CSS text-shadow property in Global Styles via theme.json. Theme authors can now declare a textShadow value under... og:url: https://daily.dev/posts/text-shadow-support-in-global-styles-vzjr77boi og:image: https://api.daily.dev/og/posts/VZjR77BOI.png og:image:alt: Text Shadow Support in Global Styles og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Text Shadow Support in Global Styles **[Make WordPress Core](https://daily.dev/sources/wordpresscore)** · 3 min read · 10 upvotes · 1 comments ## Summary WordPress 7.1 adds support for the CSS text-shadow property in Global Styles via theme.json. Theme authors can now declare a textShadow value under styles.typography to apply shadows globally, per block, or on elements like links including hover states — no custom CSS or plugin required. This is a first step; UI controls, presets, and per-block-instance support are planned for the next release. The change is fully backwards compatible and additive. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Questions this post answers ### How do I set a text-shadow in WordPress theme.json? Add a textShadow property under styles.typography (or under a specific block's typography, or under styles.elements for elements like link) with any valid CSS text-shadow value, including comma-separated multiple shadows. This works starting in WordPress 7.1. Block-level values override the global value using the same cascade as other typography styles, and there is no editor UI for it yet, so it must be set directly in the JSON file. _Theme developers rolling out new typography styles can track WordPress release notes like this on daily.dev._ ### Does WordPress support a text shadow block editor control yet? No, WordPress 7.1 only supports declaring text-shadow through theme.json; there is no block inspector control or Global Styles UI for it in this release. A dedicated control on individual blocks, presets browsable in Global Styles, and a supports.typography.textShadow block support enabled first on Paragraph and Heading blocks are planned for the next release. _Following incremental feature rollouts like this helps theme builders plan ahead on daily.dev._ ## Similar posts on daily.dev - [How WordPress 6.9 gives forms a theme.json makeover](https://daily.dev/posts/how-wordpress-6-9-gives-forms-a-theme-json-makeover-cpp0zhwq2) · WordPress Developer · 5 upvotes · 0 comments - [New Block Support: Text Indent \(textIndent\)](https://daily.dev/posts/new-block-support-text-indent-textindent--mwvot188r) · Make WordPress Core · 1 upvotes · 0 comments - [7 Game-Changing Web UI Features You Can Start Using Today](https://daily.dev/posts/7-game-changing-web-ui-features-you-can-start-using-today-lanxczirv) · Amit Merchant · 0 upvotes · 0 comments - [Theme.json Border Radius Presets Support in WordPress 6.9](https://daily.dev/posts/theme-json-border-radius-presets-support-in-wordpress-6-9-pomx3xcot) · Make WordPress Core · 1 upvotes · 0 comments - [Underlining Links With CSS](https://daily.dev/posts/underlining-links-with-css-ixynlxegm) · Always Twisted · 16 upvotes · 0 comments --- Tags: [#css](https://daily.dev/tags/css), [#wordpress](https://daily.dev/tags/wordpress) [View this post on daily.dev](https://daily.dev/posts/text-shadow-support-in-global-styles-vzjr77boi) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Text Shadow Support in Global Styles","url":"https://daily.dev/posts/text-shadow-support-in-global-styles-vzjr77boi","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/text-shadow-support-in-global-styles-vzjr77boi"},"datePublished":"2026-07-23T08:47:45.803Z","dateModified":"2026-09-14T08:29:53.416Z","description":"WordPress 7.1 adds support for the CSS text-shadow property in Global Styles via theme.json. Theme authors can now declare a textShadow value under...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6ad4f5b66be737a1618019916626b1bd?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/6ad4f5b66be737a1618019916626b1bd?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Make WordPress Core","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Make WordPress Core","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/892d1a79e30e4e8a911b5726c6fb1a06","url":"https://daily.dev/sources/wordpresscore"},"commentCount":1,"discussionUrl":"https://daily.dev/posts/text-shadow-support-in-global-styles-vzjr77boi","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":10},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":1}],"keywords":"css,wordpress","timeRequired":"PT3M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Make WordPress Core","item":"https://daily.dev/sources/wordpresscore"},{"@type":"ListItem","position":3,"name":"Text Shadow Support in Global Styles"}]} {"@context":"https://schema.org","@type":"FAQPage","@id":"https://daily.dev/posts/text-shadow-support-in-global-styles-vzjr77boi#faq","mainEntity":[{"@type":"Question","name":"How do I set a text-shadow in WordPress theme.json?","acceptedAnswer":{"@type":"Answer","text":"Add a textShadow property under styles.typography (or under a specific block's typography, or under styles.elements for elements like link) with any valid CSS text-shadow value, including comma-separated multiple shadows. This works starting in WordPress 7.1. Block-level values override the global value using the same cascade as other typography styles, and there is no editor UI for it yet, so it must be set directly in the JSON file. Theme developers rolling out new typography styles can track WordPress release notes like this on daily.dev."}},{"@type":"Question","name":"Does WordPress support a text shadow block editor control yet?","acceptedAnswer":{"@type":"Answer","text":"No, WordPress 7.1 only supports declaring text-shadow through theme.json; there is no block inspector control or Global Styles UI for it in this release. A dedicated control on individual blocks, presets browsable in Global Styles, and a supports.typography.textShadow block support enabled first on Paragraph and Heading blocks are planned for the next release. Following incremental feature rollouts like this helps theme builders plan ahead on daily.dev."}}]} ```