What is a Section

Sections give you an initial horizontal structure to your frontend page where you can apply styling to an entire row or add new add-ons to it, such as Columns, Text Blocks, etc.

How to Add Sections

There are 2 ways you can add a row.

On a New Page:

While creating a brand new page from scratch you should be able to see Add New Section button.

Click on the Add New Section button to get the option to choose your row layout. Choose the first layout (12) to add your row.

Using the (+) button:

Under each panel of sections and columns, you should be able to find an Add New Section Button (+) as shown in the screenshot.

Click on the Add New Row Button (blue plus sign) to get the column generator. From the column generator, you can now choose and add your Sections.

How to Add Nested Sections

Make sure to add your sections/rows first. Once you have added your sections, navigate to the frontend sidebar and choose Addons. From the Structure Section choose Row. Drag and drop the row on your previously created sections. Your nested sections have been created.

You can also repeat the process multiple times to create a complex row and column layout.

Adjust Column Size

To adjust your column width, simply drag the column boundary and adjust the size according to your preference. 

Or you can also resize your columns using the Width Slider or by simply specifying the width percentage.

Add Elements to a Section

Once you have created your sections you can now add your preferred addons. Navigate to the SP Page Builder Sidebar and simply choose your required addons. Drag and drop the addons inside the sections according to your requirements.

ACL Functionality

The ACL functionality of the Section settings lets control over permissions and restrictions for users accessing and modifying row settings. From your Section’s Style settings, scroll down to the Miscellaneous section and locate “Access”. Click on the dropdown menu and designate the permitted users. Please note that you can choose one or more users from the dropdown list.