How to Add and Customize Shadows in Your Website Builder
Enhance Your Designs with Shadows
You can now add shadows to elements in your CRM’s website and funnel builder to create depth and visual appeal. This feature includes both box shadows for general elements and text shadows specifically for text-based content.
Understanding Shadow Options
Shadows help elements stand out by adding dimension. You can apply:
- Box shadows to items like images, buttons, and headings.
- Text shadows to any text element for added emphasis.
Each shadow can be customized with offset, blur, spread, and color settings.
Accessing Shadow Settings
To begin editing shadows:
- Open the website or funnel builder editor.
- Select the element you wish to modify.
- Navigate to the Advanced tab.
- Click on the Shadow dropdown to reveal editing options.
Adding and Customizing Shadows
Once in the shadow editor:
- Choose between Box Shadow or Text Shadow using the plus button next to each option.
- A default outer shadow will be applied automatically—you can adjust it as needed.
- Add multiple shadows to a single element by clicking the plus button again.
Customize each shadow with the following parameters:
- Type: Select Outer for a raised effect or Inner for a recessed look.
- X Value: Adjust the horizontal offset.
- Y Value: Adjust the vertical offset.
- Blur: Control how soft or sharp the shadow appears.
- Spread: Expand or contract the shadow’s size.
- Color: Choose a color that complements your design.
Tips for Effective Use
Experiment with different shadow combinations to achieve unique visual effects. Shadows can make your designs more engaging and professional by improving depth and focus.