Timeline icons

Not every template includes this element. If you can't find it in your design, your template doesn't have it and you can skip this guide.

Screenshots show one of our templates. Yours may look slightly different, but the steps are the same.

Keep each row as its own group

Each row of icons in the Our Timeline section is its own group. This is what makes the section stack correctly on mobile. To make changes, ungroup one row at a time and regroup it when you're done. Never group several rows together.

[Screenshot: row groups labelled]

The invisible squares

Each icon sits centred on an invisible square that keeps the spacing even on mobile. Don't delete or move these squares. If one gets deleted, copy one from another icon. These squares are only used in the Our Timeline section.

[Screenshot: an invisible square selected]

Changing an icon

  1. Ungroup the row.
  2. Delete the icon you want to replace and add your new one.
  3. Select the new icon and its invisible square together, click Position in the toolbar, then align them to Centre and Middle.
  4. Regroup the row.

[Screenshot: the Position panel with Centre and Middle]

Adding a row

  1. Hover over the bottom edge of the section and drag down to make space.
  2. Select an existing row, copy and paste it, and move it into place.
  3. Update the icons and text.

[Screenshot: dragging the section edge down]

Related guides