How it works

Flexible Sections

Section Title

• These titles generally do not show on the front end, and are for organizational purposes. These help the WP user identify which sections are which
• It’s highly recommended to use the section collapse function
• This allows you to view the edit page with all sections collapsed, and only open the one you currently want to edit. The page can get a bit overwhelming if you start opening multiple sections at once.

2-Column Layout

• We provide the option to change the way 2 column sections are displayed.
• By default, they are half and half
• The options in this dropdown allow you to change the ratio to:
  • One third left / Two thirds right
  • Two thirds left / One third right

Vertical Alignment

• These options allow you to change how the column content is vertically aligned with each other.
  • Top (default) – This is the most common, aligns the top of the content
  • Center – Aligns content center
  • Bottom – Aligns the bottom of the content

Backgrounds

• Depending on the design, there will be different options for how the section displays. Most commonly, you will see the following options:
  • None (white or no background)
  • Light
  • Dark
• Associated / customized graphics
  • Again, depending on the design, sometimes there will be additional graphics applied to these section types in various ways
  • And sometimes, if necessary, we will provide the option to toggle the visibility of these graphics

Remove Bottom Spacing

• This is typically only relevant to sections with white or no background
• It allows you to vertically stack these sections on top of each other, without doubling up the space between them

Reduce Content Width

• This is only relevant to single column layouts
• It allows you to reduce the width of the content area. This is particularly useful for centered text layouts.

Adding / Duplicating Sections

• Click the “Add Section” blue button at the bottom
• Click the “Add Row” button at the top right of the sections
• To duplicate a section, hold SHIFT and click the “Duplicate Row” button at the top right of the sections

Rearrange Sections

• Click and drag the leftmost grey bar (containing the section number) of a section to rearrange its order

Columns

• One column
• Two column
  • Remember we have the additional section options here:
    • One third left / Two thirds right
    • Two thirds left / One third right
• Three column
• Four column

Adding / Duplicating Columns

• Click the “Add Column” blue button at the bottom
• Click the “Add Row” button at the top right of the columns
• To duplicate a column, hold SHIFT and click the “Duplicate Row” button at the top right of the columns

Rearrange Sections

• Click and drag the leftmost grey bar (containing the section number) of a column to rearrange its order