How to add list or bullet points

Add a list or bullet points to any text block in Modern Editor using Add > Ordered list or Add > Unordered list.

 
Topics covered in this article:

What's the difference between an ordered and unordered list?

Adding list or bullet points to your text block

Styling the look of your list or bullet points

 

 

What's the difference between an ordered and unordered list?

 

In HTML you can have two types of lists: ordered lists and unordered lists. In the HTML an ordered list is defined with an 'ol' tag and the unordered list is definied with a 'ul' tag. On the front-end, an ordered list uses numbers for each point and an unordered list is simply what we would call bullet points.

 

Example of ordered list,

  1. Point 1
  2. Point 2
  3. Point 3

 

Example of unordered list,

  • Point 1
  • Point 2
  • Point 3

 

 

 

Adding list or bullets points to your text block

 

Follow these steps to add an ordered or unordered list to your text area:

 

1. Open your design in Modern Editor.

2. Click on the text block you want to edit from the preview panel (right side).

3. Place your cursor in the text block where you would like the list to start.

4. Click on 'Add > Ordered list' or 'Add > Unordered list'.

5. Start typing your first point and click enter/return to add another list item.

 

 

 

Styling the look of your list or bullet points

 

You can update the look of your ordered lists (ex, 1. 2. 3. ) or unordered lists (ex, bullet point) by adjusting the styles.

 

To update the look of your list or bullet points globally:

 

1. Open your design in Modern Editor.

2. Click on the STYLESHEET tab on the edit content panel (left side).

3. Under ESSENTIALS select General Styles.

 

4. Select 'List item' under typography.

5. Edit the styles of your list or bullet points here.

Adjust font, line height, color, and alignment as desired. Margin and padding can be adjusted under '+Adjust spacing'.

 

 

You can also modify the look of a list in an individual block:

 

1. Open your design in Modern Editor.

2. Click on the text block you want to edit from the preview panel (right side).

3. Click on the STYLES tab on the edit content panel (left side).

4. Select List item under typography.

5. Edit the styles of your list or bullet points here.

 Changes here will only update the list item in this text block.

 

 

 

Have more questions? Submit a request
Powered by Zendesk