Adding Rows and Sections

Rows

Overview

Rows are used to organize and arrange the content in your site. Each row can contain one or multiple widgets. Using the Row Design Editor, you can change the row’s background color/image, add a border, or adjust the padding and margins (inner and outer spacing) of the row.

Guide

Pan over the top left of a row until a row button appears. Click the Row button.

The up and down arrows move the current row up or down. The + button will add a row above the current row being edited.

Other editing options include:

• Add Column – adds a column to the row.
• Edit Design – pulls up the Row Design Editor.
• Entrance Animation – adds an entrance animation to the row (e.g fade from right, bounce in, zoom in).
• Clear Padding – clears the inner spacing inside the row.
• Copy – copies the row.
• Hide On Device – hide the row on a specific device (e.g desktop, tablet, mobile).
• Edit Anchor – anchor the row to the page or delete an existing anchor.
• Delete – deletes the row.

Sections

Overview

Sections are pre-built rows of elements which users can add to their responsive websites. Sections enable users to build great looking sites quickly by saving time during the design process. We have built the sections’ infrastructure from the ground-up in order to provide a much better user experience with a huge variety of pre-made sections.

Guide

When hovering between rows, an ‘Add Section’ button appears. Click this button to open Section Mode.

In Section Mode, a gallery of pre-made sections is available on the left-bar, grouped into categories (Intro, Features, About, Team, Testimonials, etc).

Click on a section to display it as a new row. You can then browse sections within the same sections group by using the arrows keys or by selecting a section from a different group.

After picking a section, click ‘Save’ to embed the section into the site or click ‘Save and Add Another’ to continue adding sections to your site. The section is converted into a row and all elements can be edited.