If you are running on multiple sections, you can try and add dividers, they are cool, eye-catching lines that draw the section's border. To add a shape divider, look for it in the left panel, where all elements are present. Either search for it via the search bar or scroll down until you locate it. Drag the elements and place it under the section. Or you an alternative method to add Shape Dividers is if you add a new Section, got to the Style Tab and find the Shape Dividers section
- Type - Choose the type of the Shape Divider from the dropdown menu
- Color - Select a color for your Shape Divider
- Width - Set the width of your Shape Divider Height - Set the height of your Shape Divider
- Flip - Change the direction of your Shape Divider
- Bring to Front - Enable the Switch to bring the Shape Divider in front of other objects
Shape Divider Options
- Style - Choose from the large list of shape dividers
- Width - Decide the width of the shape divider
- Alignment - Choose for the shape divider to be aligned to the Left, Right or Center
- Add an element - You can add Text or and Icon on the shape divider
- Color - Choose the color of the divider
- Weight - Pick the weight for the divider
- Gap - Decide on the gap between the divider and the section
- Color - If you choose to add a text to the divider you can select the color of it
- Typography - Set the typography options for the text
- Position - Decide whether the text will be positioned on the Right Center or Left
- Spacing - Set the spacing between the text and the divider
- View - If you choose to add an icon to the text choose to have it Stacked, Frame, or None
- Size - Decide the size of the icon
- Padding - Add padding to the icon
- Primary color - Select the color of the icon
- Secondary Color - Select the color of the icon's frame
- Position - Choose the positioning of the icon
- Spacing - Choose the spacing between the icon and the divider
- Rotate - Spin the icon to a preferred angle
- Border Width - Select the width of the frame's border
- Border Radius - Chose to have your icon's frame circular
- Margins - Margin adds spacing outside the element borders.
- Padding - Padding adds spacing inside the element borders.
- Z Index- This property allows you to precisely place elements on your page in a stack order of elements
- CSS ID - You set CSS ID for your section, a customs selector which can find many uses
- CSS Classes - Add your custom CSS class with a specific class attribute
- Scrolling Effect - Enable to have the scrolling effect on your section and choose from the list of effects available and adjust their settings as well
- Sticky - You can set the section to be sticky at the Top or at the Bottom of the page
- Entrance Animations - Decide how your section will enter when visiting the website from the drop-down list of animations provided. Also, change animation duration and delay to add more movement to your website.
- Choose the background to be Normal or Hover
- Have the background be Classic where you create a one-color background or add an image or either Gradient to have two colors blended together.
- Choose a Border to be Normal or Hover
- Decide to have a Border Type: Solid, Double, Dotted, Dashed, or Groove
- Set the Border Radius
- And add Box Shadow for the column
- Choose the column's width, it can be Default, Full Width, Inline, or Custom
- Set the Positioning > Absolut, choose the Horizontal and Vertical Orientation either Left or Right and slide the Offset handler for both Vertical and Horizontal Orientation.
- Set the Positioning > Fixed, choose the Horizontal and Vertical Orientation either Left or Right and slide the Offset handler for both Vertical and Horizontal Orientation. Or you can even grab the widget and drag it across the working page to set it to a preferred place.
- Visibility - Choose to Hide or Show section on different devices: on Desktop, Tablet or Mobile
- Set Custom Attributes for the wrapper elements, each attribute should be written in a separate line
- Add your own Custom CSS in the editor below.