How to Customize Style Shadows

Customizing Style Shadows in ClickFunnels is a simple way to add depth and make your funnels more engaging. Adjusting shadows helps highlight important elements, creating a polished and professional look. The best part is that any changes you make to the shadows will automatically update across all funnels that use that style, ensuring consistency and saving you time. This article will walk you through the steps to customize style shadows in ClickFunnels, helping you enhance the overall appearance of your funnels with ease.

Table of Contents

• Requirements
• Accessing Style Shadows
• Customizing Shadow Settings
• Additional Information

Requirements

• An active ClickFunnels 2.0 account

Accessing Style Shadows

1. Click on Workspace Settings at the bottom left of your ClickFunnels dashboard.

2. Scroll down the menu on the left and click on the Styles tab.

3. Find the style you want to edit and click on the Customize Design icon to the right of it.

4. In the left menu, click on Shadows to access and edit the style’s shadow settings.

Back to Top

Customizing Shadow Settings

1. There are Three Styles available. Select the style you want to customize.
   

2. Choose the Shadow Style from the drop-down menu, selecting either Outset or Inset.

3. Adjust the X-direction and Y-direction for the shadow using the slider or by entering a pixel number.

4. Set the Blur level to determine how soft or sharp the shadow edges will appear.

5. Adjust the Spread to control how far the shadow extends from the element. Higher values make the shadow larger.

6. Click on the Color box to open the color palette and choose a color using one of these methods:

   • Move the custom color slider and drag the hand icon on the color palette to select your desired color. Use the transparency slider to adjust the color’s opacity.
   • Enter the HEX code for a specific color and adjust the opacity percentage using the box next to the HEX code.

   • Alternatively, switch to the Theme tab to choose a color that matches your theme.

     

7. (Optional) If you want to customize additional shadow styles, repeat the steps above for each style.

8. Click Update to save your changes.

Back to Top

Additional Information

• Getting Started with Styles
• How to Customize Style Colors
• How to Customize Style Fonts

Back to Top