What is the issue with adding bullet points to paragraphs in Webflow inner pages?
TL;DR
- Use List blocks or Rich Text elements—not Paragraphs—for bullet points to ensure correct formatting and spacing.
- Check for conflicting parent styles or global classes, and manually re-enable bullet styles in the Style panel if bullets don’t appear.
Webflow often adds unexpected spacing or styling conflicts when adding bullet points to paragraphs on inner pages.
1. Webflow Treats Bullets as List Elements
- Bullet points require using List blocks or Rich Text elements rather than standard Paragraph blocks.
- If you try to manually add dashes or bullets inside a Paragraph, it won't behave like a real list (e.g., indentation, spacing, or semantic structure won’t apply).
2. Styling Conflicts in Inner Pages
- Inner pages often inherit styles from global classes, symbols, or parent containers that may override standard list styling.
- For example, a Rich Text element may render bullets correctly on your homepage but appear with no bullets or odd spacing on an inner page due to conflicting CSS rules.
3. Browser Rendering and Webflow Default Styles
- Webflow may suppress default list styles (
list-style-type: none) for consistency across components, but this removes bullets unless overridden. - You may need to manually enable bullets using the Style panel (e.g., set list type back to
Discunder Typography > List Style).
4. Symbol and Embed Limitations
- Reusable elements like Symbols with lists may behave differently based on where they're placed.
- Using custom embeds or inline HTML to create bullets (not recommended) often leads to inconsistent rendering across pages.
Summary
To properly add bullet points in inner pages, use List blocks or Rich Text elements rather than Paragraphs, and verify that no parent styles are overriding the list formatting. Check list styles in the Style panel and load pages to preview actual rendering.