Adding Sections to a Page

A section is the most basic element that allows you to add other elements when editing a page. It also lets you adjust the content layout to look neat and tidy. Most of the time, it's important to add a section as the base container before adding other elements to ensure the content layout is responsive on different screen sizes.

To add a section to the page:

• Open the page editor by navigating to Dashboard > Website > Pages > Create a New Page or click the existing page.
• Click the “Insert” button in the left panel.
• Under the “Layout” heading, drag and drop the “Section” element into the page editing area on the right.
• Enter the text content in the section, then adjust the padding to change the content layout within the section.

Section options

There are many options to configure on the Section, giving you the flexibility to customize the content to your needs.

• Content Size: This changes the maximum width of the content area in the section. You can choose Large, Medium, or Small.
• Full Height: This changes the height of the section to cover the whole screen.
• Background: You can set the background of the section with a color or an image.
• Font Color: You can configure the color of the text within this section.

Section Sizing

To configure the default section sizing:

• Navigate to Dashboard > Website > Design.
• Click the primary Design to edit.
• Click the “Style” button in the left panel, then select the “Section Sizing” option.
• Adjust the width of Sections (small, medium, large) and the height of the Full-Height Sections.

Note: You can also add one section into another section.