Adding bullets to Collection List Items

Design help CMS
1

Hi there!

I know regular unordered lists automatically have bullets in Webflow. Is it possible to also add bullets to Collection List Items in Webflow? or does it require custom code?

Thanks in advance!
Best,
Kim

2

Hello. Please add a screenshot of your desire result/design (“bullet to Collection List Items” is too general).

3

My apologies for being too vague! I just want a plain bulleted list (like image below), but linking each list item to my CMS items. Right now, I can’t style my Collection List Items to have bullets.

bullet example

4

any update on this? Not sure how to do it. It does not allow lists or list items with collection items. Use CSS?

5

Hi - any update on this? Also trying to add an unordered list to a collection item. Thanks!

Screenshot 2023-02-09 at 09.13.07
Screenshot 2023-02-09 at 09.13.072794Ă—886 220 KB

6

William, looks like you’re in a rich text field.
Hit enter to create a blank line, you’ll see a new icon to the left of the blank line, click that, and you’ll see options for unordered & ordered lists, video, images, etc.

Webflow does it a bit differently than many wysiwyg editors do.

1 Like
7

On your collection list item, apply a custom class; let’s class it bulleted-item.

Then you should be able to use some custom CSS, something like;

<script>
.bulleted-item {
  display: list-item;
  margin-left: 1em;
}
</script>