<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=241066823005528&amp;ev=PageView&amp;noscript=1">

Modules

Before and after (Omni Pro)

This module ships in Omni Pro.

Two columns that contrast the situation without you with the situation with you: A colored pill on each, rows with crosses on the left and check marks on the right, and a closing line.

On this page

The «without» column beside the «with» column

The «without» column beside the «with» column

Set up the content

  1. Write the Heading and an optional Lead text.
  2. Before column: The Column label («Without …»), the Marker (cross, minus, dot or none) and one row per point.
  3. After column: The same for «With …», with a check mark or plus.
  4. Closing line: A short conclusion under both columns. Empty hides it.

Choose the look

SettingWhat it does
Styles → Layout → RowsCards on a light tint of the column color, or plain rows with a hairline
Styles → Layout → Columns max widthNarrows and centres the two columns
Styles → Layout → Marker styleA colored chip with a white symbol, or the symbol alone in the column color
Styles → Column colorsThe before and after colors, how strong their tint shows behind rows and pills, and the row background

Good to know

  • Rows line up by position, so keep both columns the same length for the cleanest look.
  • On phones the columns stack, before above after.

Support

Did this answer your question?

If not, write to us and say which page you were on.