Rows and Columns

Row layout options are available on any Page or Post.

Row layouts can be accessed in the following way:

  1. In the upper right corner, click (plus sign) to expose the Content panel, then click the Rows tab.
  2. Drag and drop a row layout of your choice onto the page.
  3. Then, choose Module(s) to click and drag into the new Row.

Continue below to learn more.

VID Builder toolbar add
rows module
The Rows Module

Row settings

Click and Drag to move the Row

Edit Row Settings such as...

  • STYLE tab:
  •   Width  
  •   Text and link colours  
  •   Background options such as video, colour or images  
  •   Border and drop shadow settings  
  • ADVANCED tab:
  •   Margins  
  •   Padding  
  •   Visibility  
  •   Animation  
  •   HTML  

Duplicate the Row

Reset the Row width

Delete the Row

Row Settings & Tools
Row Settings & Tools
layout screenshot
A Row with 2 Columns inside

Column settings

Click and Drag to move the Column

Edit Module settings. If a module is within the column this will bring up it's individual settings.

Duplicate the Column

Edit Column Settings such as...

  • STYLE tab:
  •   Width  
  •   Minimum Height
  •   Equalize Heights
  •   Text and link colours  
  •   Background options such as video, colour or images  
  •   Border and drop shadow settings  
  • ADVANCED tab:
  •   Margins  
  •   Padding  
  •   Visibility  
  •   Animation  
  •   HTML  

Delete the Column

Column Tools
Column Tools
Posted in Drag & Drop Editor, Instructions