One of the best ways to make your funnel or website more interesting is by adding dimension and movement. Shadows are a great way to add that depth to your pages, helping you highlight elements, show that an element is interactive, and separate elements from one another.
Navigate to Advanced Settings in Your Page
To add shadows, start by adding or selecting an element on your page and going to the Advanced settings.
Depending on the selected element, you can add two types of shadows.
Box Shadow: This applies to the whole element, similarly to a border. You can use this for all elements, including videos or images.
Text Shadow: This applies only to the text within the selected element. For example, if you select a button and apply a text shadow, your Text and Subtext will be affected.
How to Add Shadows?
To add a shadow, click the + button then click on the box to further customise it.
Once you open the customisation options, you can choose between Outer and Inner Shadow. Outer shadows create a lifting effect. Inner shadows give the illusion of the element being lower or sinking.
The X and Y axes define how large the shadow will be and which side of the element it should appear on. The X-axis controls the horizontal position and the Y-axis controls the vertical position.
Blur controls how solid or soft the shadow looks, and Spread expands or contracts its size.
With Colour, you can keep the shadow within your branding colours and make the most of it.
You can add more than one shadow to the same element by clicking the + icon again.
These steps are the same for Box and Text Shadows, with the minor difference that Text Shadow only allows Outer Shadows. You can now start using this feature in your funnels and websites.
Shadows create a sense of hierarchy and add depth, movement, and realism to a design, so this will surely help you drive more traffic.