List

circle-info

The list block allows you to create unordered and ordered lists of text and information in a well formed and semantic way.

Basics

circle-exclamation

The list block is a quick way to create lists of text that sit on top of each other.

You can add a new line to the list block by pressing the Enter key.

chevron-rightAdd a listhashtag

If you want to add a list block outside any other block on the page:

  1. Click on the ➕ ​​icon to open the Inserter Panel

  2. Search for the list block

  3. Click on the list block to insert it into your page

If you want to add a list block inside a parent block:

  1. Open the Quick Insert panel in the parent block

  2. Search for the list block

  3. Click on the list block to insert it into your parent block

Getting Started - List Block

List Type

Allows you to choose between different list types (ordered, unordered & icon) as well as their list styles.

List Typeschevron-right

Settings

Allows you to set specific settings for the list block.

Settingschevron-right

Icon

When activated, the Icon property allows you to choose whether you want the list bullet to be an icon.

chevron-rightActivate/deactivate iconhashtag
  1. Select a list block

  2. Open the Block Inspector

  3. Navigate to the Primary tab

  4. Open the Icons tab​​

  5. Find the Icon property

  6. Toggle the Icon property

Iconchevron-right

Colors

Background Color adds a color or gradient to your image or gallery block.

Text Colourchevron-rightLink Colourchevron-rightBackgroundchevron-right

Typography

The Typography property allows you to modify the List typography, including Text, Link and background.

Typographychevron-right

Last updated

Was this helpful?