We’re delighted to announce the introduction of our latest feature in Funnels and Websites Builder Editor – the ability to add shadows to your elements effortlessly. This fresh feature enables you to elevate the visual allure of your funnels and websites through user-friendly box shadows and text shadows.
What’s New? 👀
Add Box and Text Shadows 🌟
– Dynamic Shadow Options: Feel free to apply box shadows to all elements including text, headings, paragraphs, images, and buttons. For added depth and dimension, attach text shadows to text-centric elements.
– Advanced Customization: Easily bond with the advanced tab to access shadow settings and customize shadows to fit your specific design requirements.
User-Centric Shadow Editor 🎨
– Dual Sections: Choose between box shadow and text shadow with user-friendly dropdowns.
– Simplified Default Settings: Click the plus button to apply a default outer shadow with preset values. Feel free to customize according to your specific settings.
– Multiple Shadows: By clicking the plus button, add multiple shadows to any element for more intricate designs.
– Detailed Customization: Customize each shadow by choosing whether it’s outer or inner, and adjust X value, Y value, Blur, Spread, and Color.
Refined Customization Parameters 😎
– Outer vs Inner Shadow: Outer shadows add a sense of elevation and depth, making elements appear raised above the background. Inner shadows induce a recessed effect, providing an 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: Selects the shadow color to match your design palette.
How to Use? 🤔
- Access the Advanced Tab: Open the funnel or website builder editor and proceed to the advanced tab.
- Open the Shadow dropdown: Tap on the shadow heading at the top to unveil the shadow editor dropdowns.
- Select Shadow Type: Decide between box shadow or text shadow by clicking the plus button next to each title. (Text shadow only fits for text-based elements)
- Apply Default Shadows: A usual outer shadow will be enabled with preset values. Make necessary adjustments as required.
- Add Multiple Shadows: Click the plus button to include more shadows for a single element.
- Edit Shadows: Click on each shadow’s title to customize settings like outer/inner, X value, Y value, Blur, Spread, and Color.
- Combine Shadows: Experiment with diverse combinations for unique visual effects.
Introducing shadows to your web design toolkit allows for crafting more engaging and visually enhancing websites and funnels. Shadows boost the depth and dimension of elements, helping them stand out and improve overall user experience. Our objective is to provide you with customizable options to design your funnels and websites closer to your vision, adding an extra touch of finesse and professionalism.
Start utilizing the new shadow feature today and elevate your designs to the next level! 🚀 Happy Designing! 🎨