Rich Text Bullet List displayed as numbered list when published from CMS

Design help CMS
1

I’m writing a post using bullet points in a rich text field in my blog’s CMS. However, after publishing and viewing the post, it displays as a numbered list instead of bullet points. Has anyone experienced this or knows how to fix it? I’ve checked all the list styles I’m using and even tried forcing the use of bullet points, but nothing has worked so far.

image
image1509×732 93.1 KB

image
image1324×781 94.4 KB

Here is my public share link: LINK
(how to access public share link)

2

Hi there!

To change your list type from ordered (numbered) to unordered (bullet points), follow these steps:

  1. Select the main list element on your page
  2. Open the Settings panel
  3. Under List settings, change the type to “unordered”

For consistent list styling across your site, you can style all unordered lists at once:

  1. Open the Style panel
  2. Click the Selector field
  3. Choose “All unordered lists”
  4. Customize your list styles (bullet type, spacing, color, etc.)

This approach ensures all unordered lists maintain the same appearance throughout your website, saving you time on styling individual lists.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

What’s the link to the published page?

4

I discovered that the Rich Text Block’s “All List Items” setting in Webflow overrides the native <ul> and <ol> styles, forcing every list to render as ordered (numbered) by default Forum | WebflowWebflow Help.

To restore the correct bullet or numeric style you selected in the CMS, I simply added an Embed component to my blog-post template and pasted this CSS snippet inside it:

<style>
  /* 1) Reset the forced list style on all <li> elements */
  .w-richtext li {
    list-style-type: inherit !important;
  }

  /* 2) Explicitly apply bullets to unordered lists */
  .w-richtext ul {
    list-style-type: disc !important;
    margin-left: 1.5em; /* adjust indentation as needed */
  }

  /* 3) Explicitly apply decimal numbering to ordered lists */
  .w-richtext ol {
    list-style-type: decimal !important;
    margin-left: 1.5em;
  }
</style>

After adding this snippet via an Embed, my bullet lists now display as bullets and my numbered lists display as numbers exactly as I authored them in the CMS.