Add a Border to Menu Object Group Name

Add a Shadow to Plain Text

Learn how to add a Shadow to Plain Text

Adding a Shadow is a great way to make text stand out when place over top an image, or to add visual interest.



Add a Shadow to Plain Text
From within the design editor, select a Plain Text box.
From the top toolbar, select the icon for Text Effects, which looks like the letter A on an angle.

From the left panel, the effects options of Curve and Shadow will appear.  Select the Shadow tile.

The options to edit the Shadow will appear, which include Offset, Direction, Blur, Opacity, and Color. 

Change the color of the Shadow by selecting the square to the right of the word Color.

Change the color of the Shadow through any of the color selection options.

Drag the slider to the left or the right to add more or less of the effect on the other options of the Shadow.

Offset
Offset affects the Shadow's distance from the original text. 
An Offset of zero (0) places the shadow directly behind the text, and depending on the other Shadow settings, may result in the Shadow not being seen.
Drag the slider to the right to increase the offset of the Shadow.
The maximum Offset is 40, which is the farthest the Shadow can be from the text.



Direction
Use the slider to the right of Direction to adjust the placement of the Shadow.
Direction works well in conjunction with Offset.



Blur
Blur affects the sharpness of the Shadow.
A Blur of zero (0) will retain the original sharpness of the text, whereas a maximum Blur of 20 makes the text very soft.
Drag the dot on the slider next to Blur to the right to make the text more blurry, or drag the dot on the slider to the left, closer to zero, to retain the sharpness of the Shadow.


Idea
The Blur option on a Shadow can be used to achieve a glowing, neon-like text effect.  See this article to learn more.

Opacity
Opacity refers to the Shadow's transparency.  
A low Opacity will make the Shadow more see-through, whereas a high Opacity will make the Shadow less see-through.
An Opacity of 100 means the Shadow is totally opaque.
Drag the dot on the Opacity slider to the left to make the Shadow more see-through, or to the right to make the Shadow more opaque.


Adjust all of the Shadow options until the desired text effect has been achieved. 

Before the application of the Shadow effect:

After the application of the Shadow effect:


For more visual guidance, please watch this short video demonstrating the process:






Have a friendly expert give you a personal tour. Book a demo.

If you have any questions or concerns, please feel free to reach out to our Customer Success team by clicking here.

To visit our full Help Center, please click here.

    • Related Articles

    • Create a Neon Text Effect

      Learn how to create a Neon-like text effect by using the Shadow option on Plain Text. This article builds off of knowledge from how to Add a Shadow to Plain Text. Create a Neon Text Effect From within the design editor, select a Plain Text box. From ...
    • Add or Delete Text

      Learn how to add and delete text boxes. Add a Plain Text Box From within the design editor, select Text from the left panel. Plain Text options are Add Header Text, Add Subheader Text and Add Body Text. Select any option to have a Plain Text box ...
    • Plain Text Overview

      This article serves as a directory for information relating to Plain Text. Within the design editor, there are two types of text boxes; Plain Text, and Menu Groups. Plain Text is commonly used for an establishment's name, social links, hours of ...
    • Style Text (Bold, Italic, Underline)

      Learn how to apply bold, italics, underline, or UPPERCASE effects to text fields. This can help draw your customer's eye to a particular item or offering. Style All Text within a Plain Text Box From within the design editor, select the text box on ...
    • Add Hyperlinks to Menus

      Learn how to add hyperlinks to a design. Hyperlinks can quickly and easily connect customers to a website, social media, or even special offers. Hyperlinks can be added to plain text boxes, or graphics. Hyperlinks are only supported on the PDF files ...