1. Tutorials
  2. Paragraph Options Layouts
  3. Three Column Body

Three Column Body

View the example page to see this paragraph in action.

Three 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 Three Column Body".
    Selecting Add Three Column Body Item
  3. Proceed to the Overview of a Three Column Body section of this guide below.
  4. Once you've added your Three Column Body, choose your publishing options and click Save at the bottom of the page.

Overview of a Three Column Body

Overview of A Three 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 three column layout
  4. (Optional): Body - add some body text to introduce the content in the three 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. Title Area Justification - choose the justification of the title and body text.
  7. Body Column 1 (left) - add the content that you'd like to appear in the left column on desktop (first on mobile)
  8. Body Column 2 (middle) - add the content that you'd like to appear in the middle column on desktop (second on mobile)
  9. Body Column 3 (right) - add the content that you'd like to appear in the right column on desktop (third on mobile)
  10. Anchor ID - add an anchor ID for the entire paragraph - if you link to this anchor from another page, users will be taken to the top of the paragraph