How to Easily Add and Edit Shadows in Your Website Builder

Add Box and Text Shadows 

• Versatile Shadow Options: Apply box shadows to 
  all elements
   such as text, headings, paragraphs, images and buttons. Text shadows can be added to text-based elements for more depth and dimension.
• Advanced Customization: Access shadow settings through the advanced tab and 
  tailor shadows to fit your design needs
  .

User-Friendly Shadow Editor 

• Two Sections: Choose between 
  box shadow and text shadow
   with easy-to-use dropdowns.
• Easy Default Settings: Click the plus button to apply a default outer 
  shadow with preset values
  . Customize further with specific settings.
• Multiple Shadows: Add 
  multiple shadows
   to any element by clicking the plus button for more complex designs.
• Detailed Customization
  : Edit each shadow by selecting whether it’s outer or inner, and adjust X value, Y value, Blur, Spread, and Color.

Enhanced Customization Parameters 

• Outer vs Inner Shadow: Outer shadows create a sense of elevation and depth, making elements appear raised above the background. Inner shadows add a recessed effect, giving the illusion of depth within the element.
• X Value: Controls horizontal shadow offset.
• Y Value: Controls vertical shadow offset.
• Blur: Determines the sharpness or softness of the shadow.
• Spread: Expands or contracts the shadow size.
• Color: Chooses the shadow color to match your design palette.

1. Access the Advanced Tab: Open funnel or website builder editor and navigate to the advanced tab.
2. Open the Shadow dropdown: Click on the shadow heading at the top to reveal the shadow editor dropdowns.
3. Select Shadow Type: Choose between box shadow or text shadow by clicking the plus button next to each title. (Text shadow is only applicable on text based elements)
4. Apply Default Shadows: A default outer shadow will be applied with preset values. Adjust as needed.
5. Add Multiple Shadows: Click the plus button to add more shadows for a single element.
6. Edit Shadows: Click on the title of each shadow to customize settings like outer/inner, X value, Y value, Blur, Spread, and Color.
7. Combine Shadows: Experiment with different combinations for unique visual effects.