Page Builder - The Section Block

This block we will look at separately because the section block is the structure of the single page layout. Each section in the one page layout must be wrapped in a "Section" block. Other blocks are essentially inserted into this block. To add blocks to this section, click the green "+" icon at the bottom of the empty field. This will bring up a list of available blocks to add.

The section block allows a unique identifier to be specified which means that the section may be targeted from the site's main menu. The block also provides a host of background options which allows each section to be styled completely differently. The following parameters/options are available in this block.

Title

Enter the title of the section. This will be displayed above the section and will be centrally aligned. Leave this empty to hide the section's title block.

Link Name

This is a unique identifier for this section. This title should be entered into the menu items in order to scroll to this section. See the main menu section for more info.

Style

This control basically inverts the colors of elements in the section. If the back ground color will be dark, then the dark option should be selected. This will make the typography and other content's styling appropriate for a dark background.

Top Padding

Enter the amount of padding required for the top of this section. Padding is the space between the beginning of the section's background and the content contained within that section.

Bottom Padding

Enter the amount of bottom padding required.

Background

Choose how the background of this section will be treated.
Default - This will result in a white background.
Color - Using a color picker you can choose the color to be applied. This option also includes another option which appears below entitled: BG Alpha - this basically allows you to add an opacity to the background color.
Image - Using this option you can specify an image to be used as the section background. Once selected, additional options appear below which allow the alignment of that image to be manipulated. These options are self-explanatory apart from the Parallax" option, which allows the image to scroll with the page, but slightly slower, which results in an interesting visual effect and creates a sense of depth.
Image + Color - Allows both Color and Images settings to be applied at the same time.

The following is an explanation of all remaining block types available and their associated settings.