Applying Box and Text Shadows on Webpages

One effective method to make your website or funnel visually appealing is by introducing depth and motion through the use of shadows. Shadows add a sense of dimension to your page, emphasizing key elements, indicating interactivity, and distinguishing different sections from each other.

Accessing Advanced Settings on Your Page

To apply shadows, start by selecting an element on your page and navigate to the "Advanced" settings.

Types of Shadows You Can Apply

Based on the type of element, you have two shadow options:

1. Box Shadow: This applies a shadow around the entire element, much like a border. It is versatile and works with all types of elements, including videos and images.

2. Text Shadow: This shadow is applied only to the text within the chosen element. For example, applying a text shadow to a button will affect both the main text and any subtext on the button.

How to Apply Shadows

To begin adding a shadow, click the "+" icon and then choose the shadow box to customize further.

When customizing shadows, you have the option to select between:

• Outer Shadow: Creates an effect where the element appears elevated.

• Inner Shadow: Gives the impression that the element is recessed or sinking.

Customizing Shadow Properties

• X and Y Axes: These control the positioning and size of the shadow. The X-axis adjusts the horizontal placement, while the Y-axis adjusts the vertical placement.

• Blur: Adjusts the softness or sharpness of the shadow.
• Spread: Changes the overall size of the shadow, either expanding or contracting it.

• Color: You can customize the shadow's color to align with your brand's color palette, ensuring consistency in your design.

If you'd like to apply multiple shadows to the same element, you can do so by clicking the "+" icon again.

These customization options are available for both Box and Text Shadows. However, keep in mind that text shadows are limited to outer shadows only. By incorporating shadows into your funnel or website design, you create a visual hierarchy, introduce movement, and add realism, all of which can significantly enhance user engagement and drive traffic to your site.