What is the best practice for creating a numbered list with bullet points embedded in Webflow? Additionally, how do you create a simple text indent in Webflow?

Published on
September 22, 2023

To create a numbered list with bullet points embedded in Webflow, you can follow these steps:

  1. Add a List Wrapper: First, add a wrapper element like a Div or Section to contain your list items.

  2. Add a List Element: Inside the wrapper, add a List element by dragging and dropping an Ordered List element from the Add panel or using keyboard shortcut L.

  3. Add List Items: Within the List element, add your list items one by one using the List Item element. You can duplicate the list item as necessary.

  4. Nest Bullet Points: To embed bullet points within a numbered list, you'll need to add a nested List within the List Item. Simply drag and drop another Ordered List or Unordered List element inside the List Item.

  5. Add Nested List Items: Within the nested List, add the bullet points using List Item elements. Again, you can duplicate the list item as necessary.

  6. Style the List: To style the list, you can use the built-in class styles or create your own custom styles using the Style panel on the right-hand side. You can adjust the font, size, color, spacing, and other visual aspects of your list.

To create a simple text indent in Webflow, you can use the following steps:

  1. Select the Text Element: Click on the text element that you want to add an indent to.

  2. Set a Left Margin: In the Style panel, go to the Position section. Locate the Margin property and adjust the left margin value to create the desired indentation. You can either use the slider or manually input the value.

  3. Adjust the Indent Level: If you have multiple paragraphs or sections that you want to indent, you can use the same steps for each element to apply consistent indentation across your content.

By following these best practices, you can create a numbered list with embedded bullet points and apply simple text indentation in Webflow.

Additional Questions:

  1. How do I create a custom bullet point style in Webflow?
  2. Can I change the numbering style of a numbered list in Webflow?
  3. What are some other text formatting options available in Webflow?