---
title: "Text shadow properties"
date: "2017-11-11T07:23:09+00:00"
summary: "Customize text shadows with precise control over offset, blur, and color. Learn how to apply multiple shadows for stunning visual effects in Site Studio's user-friendly interface."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/text-shadow-properties"
id: "bc26fe7e-ab13-4386-ba17-6a72c658748d"
---

Table of contents will be added

Set the Horizontal and Vertical offset, Blur radius and Color of a Text shadow.

Horizontal and vertical
-----------------------

Set the Horizontal and Vertical offset of the Text shadow.

### Expected value:

*   Enter a number
*   Positive numbers move the shadow down and right 
*   Negative values move the shadow up and left

### Accepted units:

You can leave blank or specify a unit to be used.

*   **blank** - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within [Base unit settings](/drupal-starter-kits/add-ons/site-studio/configuring-your-base-unit-settings "Configuring your base unit settings")
*   **px** - The value will be applied in pixels

Blur radius
-----------

Set the size of the text shadow blur.

### Expected value:

*   Enter a number
*   The larger the number the bigger and softer the blur
*   Default is 0 (no blur)
*   Negative values are not accepted

### Accepted units:

You can leave blank or specify a unit to be used.

*   **blank** - Just add a number and the value will be interpreted as pixels and be converted to rem's automatically if this behaviour is set within [Base unit settings](/drupal-starter-kits/add-ons/site-studio/configuring-your-base-unit-settings "Configuring your base unit settings")
*   **px** - The value will be applied in pixels

Find more information at [https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow](https://developer.mozilla.org/en-US/docs/Web/CSS/text-shadow)

Color
-----

Set the color of the text shadow. If you want to manage your text shadow color globally, select a color from your color palette. This is defined in Website settings. > [Color palette.](/drupal-starter-kits/add-ons/site-studio/creating-your-color-palette "Creating your color palette")

### Expected value:

*   Select a color from the color palette
*   Gradient colors are not accepted

Applying multiple text shadows
------------------------------

You can apply multiple text shadows to the same text. Each shadow can have its own offsets, blur radius and color.

To apply multiple text shadows:

*   Click on **Add text shadow** link at the bottom of the Text shadow group
*   Add values to the Text shadow fields
*   Drag each row up and down to change the order of the shadows.