Step 1: Click on the CWS Shortcodes icon

cws shortcodes

Step 2: Click on the option labeled “Grid” on the side panel

Grid

Grid2

 

*Note: The default breakpoint should only be changed in unique circumstances.

 

Step 3: Click “Next” to add the content in the grid

Step 4: To add another row in the grid, click on “Add Row”

Step 5: Click the “Insert” button at the bottom to add the grid to the page

Step 6: Click the blue “Update” button on the right side to update the page


Example

vu_temp_450x600

Column 1

vu_temp_450x600

Column 2

vu_temp_450x600

Column 3

vu_temp_450x600

Column 4

Elements

Layout:

Option 1:

  • Sets the grid as 1 column per row

Option 2:

  • Sets the grid as 2 columns per row

Option 3:

  • Sets the grid as 3 columns per row

Option 4:

  • Sets the grid as 4 columns per row

Breakpoint:

  • Specifies how the grid responds when viewed on mobile devices

Textbox:

  • The content that will be displayed in each grid column