Webflow sync, pageviews & more.
NEW

Can I adjust the indent of a bullet list in a rich text element in Webflow?

TL;DR
  • Add custom CSS in Project Settings > Custom Code to adjust padding-left for bullet lists.
  • Use an Embed Element in the Rich Text to apply inline styles for precise control.
  • Alternatively, use a text block with manual padding adjustments via Webflow’s Spacing settings.

Webflow currently does not provide built-in controls to adjust the indentation of bullet lists in a Rich Text Element. However, you can modify the indent using custom CSS or by structuring your content differently.

1. Use Custom CSS

  • Go to Project Settings > Custom Code and add the following CSS in the Head section:
    ```css```
  • Replace .rich-text-element with the class name of your Rich Text Element in Webflow.
  • Adjust padding-left to control the indentation.

2. Use Webflow’s Embed Element

  • If the CSS method doesn’t work, insert an Embed Element inside the Rich Text and add a custom unordered list:
    ```html
    • First item
    • Second item
    \`\`\`
  • This allows precise control over indentation without modifying your project’s global CSS.

3. Modify Text Block Instead

  • If your use case allows, avoid the Rich Text Element and create a custom text block with manual padding applied via Webflow’s Spacing settings.

Summary

Webflow does not provide a built-in way to adjust bullet point indentation in Rich Text. However, you can use custom CSS, an Embed Element, or manually adjust spacing with text blocks.

Rate this answer

Other Webflow Questions