How can the styling of the unordered list in the CMS rich text field be edited in Webflow?

To edit the styling of an unordered list within a CMS Rich Text field in Webflow, you'll need to use a Rich Text element with a custom class and apply styles via nested elements. Here's how:

1. Add and Bind the Rich Text Element

• Drag a Rich Text element from the Add panel into your Collection Page or Template.
• Connect it to your CMS Rich Text field using the gear icon in the element settings.

2. Apply a Custom Class

• Select the Rich Text element on the canvas.
• In the Selector field, type a meaningful class name (e.g., custom-rich-text).

3. Style the Unordered List via Nested Selectors

• While the Rich Text element is selected, click into it and add an unordered list (manually or via temporary content).
• Select a list item inside the Rich Text block, and use the Selector field to create a nested selector like:
• custom-rich-text ul
• custom-rich-text li
• Apply your desired styles to the unordered list (ul) and list items (li), such as:
• List style type (disc, circle, none, etc.)
• Spacing (margin or padding)
• Font styles
• Bullet color (indirectly via pseudo-elements like ::marker – limited in Webflow's UI, often requires custom code)

4. Remove Dummy Content (Optional)

• If you used test content to activate the nested selector, you can remove it after styling.

Summary

To style unordered lists in a CMS Rich Text field, add a custom class to the Rich Text element, then create nested selectors like custom-rich-text ul and custom-rich-text li to control the appearance. Styling must be done within Webflow’s Selector system using real or dummy content to access the nested elements.