How to add Shaper Divider inside the advance settings of the section?

Modified on Fri, 29 Dec 2023 at 08:49 PM

A shape divider is a design element used in webpage or interface layout to visually separate or distinguish two adjacent sections. It typically consists of various decorative shapes, curves, or patterns that create a transition between the content of one section and another. 

How to add shape divider?


1. Begin by accessing the section settings, Once in the section settings, navigate to the advanced settings.




2. After clicking on the advanced settings Here, you'll find various settings related to the shape divider, allowing you to enhance the visual appeal of the sections. These settings include:


Shape Divider Type: Click on the dropdown menu to choose from a variety of options such as curve, waves, arrow, and more. Each type offers a unique design element to divide the two sections.



Shape Divider Color: Adjust the color of the shape divider to complement your overall design theme. Choose a color that prefers with the rest of your layout.




Shape Divider Position: Select whether you want the shape divider to appear at the top or bottom of the section. This choice allows you to control the visual flow and separation between the content.




Flip Divider: Toggle this option if you want to flip the orientation of the shape divider. Experiment with flipping to see which orientation better suits your design.




Invert Divider: This option help's to invert the divider.



 

3. After adjusting these settings to your preferences, save the changes. The shape divider will now be seamlessly added into your section.


By following these detailed steps, you can effectively utilize the shape divider feature, enhancing the overall aesthetics of your design and creating a more engaging user experience.






Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select atleast one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article