Two Column Body

View the example page to see this paragraph in action.

Two Column Body example

How to use this paragraph

  1. Create a Basic Page.
  2. Scroll down to the Paragraphs section, click the drop-down arrow, and click "Add Two Column Body".
    screenshot of interface
  3. Proceed to the Overview of a Two Column Body section of this guide below.
  4. Once you've added your Two Column Body, choose your publishing options and click Save at the bottom of the page.

Overview of a Two Column Body

screenshot of the two column fields

  1. Click and drag the crosshairs to rearrange your paragraphs.
  2. Remove this entire paragraph
  3. (Optional): Title: Add a heading to introduce the content in the 2-column layout
  4. (Optional): Body: Add some body text to introduce the content in the 2-column layout
  5. Grey Background Toggle - if this option is unchecked, the divider will appear on a white background. If it is checked, it will appear with a grey background. Only use the grey background if you are adding a divider between two paragraphs that also use a grey background.
  6. Body Column 1: Add the content that you'd like to appear in the left column on desktop (first on mobile)
  7. Body Column 2: Add the content that you'd like to appear in the right column on desktop (second on mobile)
  8. Column Split - options are 30:70, 40:60, 50:50, 60:40 and 70:30