Version:

    Text shadow properties

    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
    • 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
    • px - The value will be applied in pixels

    Find more information at 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.

    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.
    DX8 knowledge base icon

    Frequently asked questions

    Get instant answers to common questions. Available online 24/7.

    Find answers

    Raise a ticket icon

    Raise a support ticket

    To raise a ticket, sign into Acquia Cloud and select Help in the top menu.

    Raise support ticket

    Acquia

    Copyright © 2020 Acquia, Inc. All Rights Reserved. Drupal is a registered trademark of Dries Buytaert.