You can adjust the indent of a bullet list in a Rich Text element in Webflow, but it requires using custom CSS, since the Webflow Designer doesn’t offer direct controls for list indentation in Rich Text.
custom-richtext
) so you can target it with custom CSS.Use a Custom Code Embed component or go to your Page Settings → Inside <head>
section.
Insert custom CSS to control indentation. Example:
To adjust left padding (indent), use:custom-richtext ul { padding-left: 1.5rem; }
To change individual list items:custom-richtext li { margin-left: 0.5rem; }
You can customize values to your desired indent (e.g., use em
, px
, or rem
units).
You can change the indent of bullet lists inside a Rich Text element by assigning a class and adding custom CSS targeting that class. This must be done via code, as the Designer doesn’t offer direct controls for list indentation.