How to Easily Add and Edit Shadows in Your Website Builder in GoHighLevel

What’s New? 

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: Navigate to the advanced tab to access shadow settings and customize them to suit your design preferences.

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: Choose the shadow color to match your design palette.

How to Use? 

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.

Adding shadows to your web design toolkit helps you craft more dynamic and visually striking websites and funnels. Shadows bring depth and dimension to elements, helping them pop and enhancing the user experience. With customizable settings, you have the creative freedom to shape your funnels and sites to match your exact vision—adding a refined, professional edge to your designs.