Shadow Settings In Website & Funnel Builder From HighLevel

2 min read 1 year ago
Published on Aug 15, 2024 This response is partially generated with the help of AI. It may contain inaccuracies.

Table of Contents

Introduction

This tutorial provides a step-by-step guide on using the Shadow Settings feature in the HighLevel website and funnel builder. This new feature allows you to enhance the visual appeal of your web pages by adding customizable shadows to boxes and text, improving design flexibility and user engagement.

Step 1: Accessing Shadow Settings

  1. Log in to your HighLevel account.
  2. Navigate to the website or funnel builder where you want to add shadows.
  3. Select the element (box or text) you wish to customize.

Step 2: Customizing Box Shadows

  1. Once the element is selected, look for the "Shadow Settings" option in the sidebar.

  2. Adjust the following parameters to customize the shadow:

    • Horizontal Offset: Defines the shadow's horizontal position.
    • Vertical Offset: Determines how far the shadow is cast vertically.
    • Blur Radius: Controls the softness of the shadow edges.
    • Spread Radius: Adjusts the size of the shadow.
    • Color: Choose a color that complements your design.
  3. Preview the changes in real-time to see how the shadow affects the overall design.

Step 3: Customizing Text Shadows

  1. Select the text element you want to enhance.

  2. Access the "Shadow Settings" in the sidebar.

  3. Modify the following settings:

    • Horizontal and Vertical Offset: Similar to box shadows, define the shadow's position.
    • Blur Radius: Adjust to create the desired softness.
    • Color: Select a color that matches your text for a cohesive look.
  4. Again, preview your adjustments to ensure they enhance your design.

Step 4: Finalizing Your Design

  1. Review all changes made to the shadows on your elements.
  2. Ensure that the shadows improve readability and do not overwhelm the design.
  3. Save your work once you are satisfied with the final appearance.

Conclusion

The Shadow Settings feature in HighLevel allows for greater design flexibility and can significantly enhance the aesthetic appeal of your web pages. By following these steps, you can effectively implement shadow effects to create more engaging and professional-looking designs. As a next step, consider exploring other design features in HighLevel to continue improving your website or funnel.