Has anyone experienced a problem where a bullet list from the CMS in Webflow is displaying as an ordered list on a specific template page?

Published on
September 22, 2023

Yes, it is possible to encounter a problem where a bullet list from the CMS in Webflow displays as an ordered list on a specific template page. This issue typically occurs when the developer hasn't specified a list style type in the custom code or has accidentally applied a CSS rule that overrides the default bullet list style. To resolve this problem, follow the steps below:

  1. Inspect the template page: Open the specific template page in the Webflow Designer and inspect the element containing the bullet list.
  2. Check for custom code: Look for any custom code added to the template page that may be affecting the bullet list's appearance. This code can be found in the page settings, the page's custom code section, or in an embed component on the page.
  3. Review the CSS code: Evaluate the CSS code associated with the bullet list. Look for any CSS rules that affect list styles, such as "list-style" or "list-style-type". If you find any conflicting rules, consider removing or modifying them to resolve the issue.
  4. Override CSS rules: If the CSS rules from custom code or the global styles are conflicting with the bullet list's default style, you can override them by adding custom CSS code to the affected template page or element. Use the following CSS code to force the bullet list style:
ul {  list-style-type: disc !important;}
  1. Republish the site: Once you've made the necessary changes, republish the site to update the template page. Test the page again to verify if the bullet list is now displaying as an unordered list correctly.

By following these steps, you should be able to fix the problem where a bullet list from the CMS in Webflow displays as an ordered list on a specific template page.

Additional Questions:

  1. How do I style bullet lists in Webflow?
  2. Why are my bullet lists not appearing correctly on certain pages in Webflow?
  3. How do I troubleshoot CSS conflicts in Webflow?