The issue with adding bullet points to paragraph blocks in Webflow is due to improper use of element types or missing list structure. Webflow's Paragraph element does not support bullet points by default because it's not designed to render list content.
1. Use the Correct Element for Bullets
- Bullet points require a List element, not a Paragraph.
- Webflow separates Paragraph elements (for text flow) and List elements (for structured lists).
- Using a Paragraph block and adding manual dashes or asterisks won't render actual bullets.
2. Available List Types in Webflow
- Unordered List: Produces standard bullet points.
- Ordered List: Produces numbered items.
- Both can be styled using Flexbox or margin paddings, just like other div-based structures.
3. How to Add Bullet Points Properly
- Drag a List element from the Add panel into your page body or section.
- Use the List Item (li) elements to enter your bullet point content.
- You can style bullets via custom CSS classes applied to the List or List Item elements.
4. Common Mistake: Styling Paragraphs to Look Like Lists
- Some users try to simulate bullet points using Paragraph elements with custom CSS.
- This creates accessibility and semantic issues and lacks built-in list behavior.
5. Bullet Points in Rich Text Blocks
- If using a Rich Text element (e.g., from a CMS), you can add bullet points directly in the CMS or Designer.
- Select text inside the Rich Text field, then use the inline editor to create a bulleted or numbered list.
Summary
To properly add bullet points in Webflow, use the List element or enable lists within a Rich Text block. Bullet styling won't work in standard Paragraph elements because they don't support list structure.