1. Section

Section is one of the essential components in the design process of a landing page. Each section is a distinct content block that helps organize the layout of the page in a visually coherent and logical manner.

1.1. Add Section to the Landing Page

In the Sidebar, click on Section, then choose either a blank section or a suitable section template.

1.2. Section Editor

• Click on Add Section to add a blank section below.

• Click on Designed Section to select a template section.

• Click on Add an Element to add widgets to the page.

• Click and drag the arrow to adjust the height of the section.

Design Editor

• Click on the section and select Design in the quick settings bar to open the section design editor.

• CSS ID: The identifier of the section element.

• Display: You can adjust how the section appears on computer and mobile devices.

• Styles: You can customize the background and shadow effects of the section. For more information, see Styles.

• Border: Allows you to add and customize the border around the section, and you can also adjust the border radius. For more information, see Border.