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 a two column body paragraph

  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 paragraph 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 paragraph between two paragraphs that also use a grey background.
  6. Title Area Justification - choose the justification of the title and body text.
  7. Body Column 1 - add the content that you'd like to appear in the left column on desktop (first on mobile)
  8. Body Column 2 - add the content that you'd like to appear in the right column on desktop (second on mobile)
  9. Column Split - options are 20:80, 30:70, 40:60, 50:50, 60:40, 70:30 and 80:20