Easy Tech TutsHow to Add Bullet Points in Webflow, Make Bulleted List & Insert Easily 2026
By Impran M NLast checked against official docs
Pasting raw bullet symbols into a text block breaks semantic HTML and looks inconsistent from one paragraph to the next. Webflow's native List element builds a proper structured list instead, made of individual List Item blocks that each carry their own marker style and their own typography settings in the right-hand panel. This guide covers finding List in the Add panel, how an individual item's marker can be switched independently of its neighbors, and where the spacing and font controls live once your content is in place.
01Open the Add panel and find List under Basic
Click the plus icon in the left rail, or press A, to open the Add panel. It splits into an Elements tab and a Layouts tab.
List sits in the Basic section of Elements, grouped with headings and paragraphs. The screenshot below shows the panel's Advanced section further down: Search, Background Video, Code Embed, Locales List, Navbar, Slider, Tabs, Map, and the social icons. It's a useful landmark for confirming you're in the right panel even when List itself is scrolled out of view above it.
02Drag a List element onto the canvas
Dragging List onto the page creates one list container holding three empty List Item blocks, stacked vertically with dashed outlines. Webflow's own documentation lists unordered as the default, so each item starts as a plain bullet. Every item is a real element in the layer tree, addressable on its own, not a text character typed into a paragraph.
03Give an item its own marker style
Select a single List Item and its settings panel shows a Style row of icon buttons for the marker type: bullet, number, or letter. That setting lives on the item, not only on the list as a whole, which is why a list item copied in from elsewhere can end up on a different marker than its neighbors without anyone choosing that on purpose. The screenshot below shows exactly this: the first item switched to an alphabetic marker while the two below it stay plain bullets, all inside one list.
04Set the typography for the list text
With a List Item selected, the Typography section controls font, weight, size, line height, color, alignment, and decoration for that item's text, the same controls used on any text block on the page. The screenshot below catches the same list mid-edit with three different markers active at once: a letter, a number, and another letter. That's a handy way to preview every marker option side by side, though a finished page would normally settle on one consistent style for the whole list.
05Apply a class so every list matches
Once one list item looks right, name it in the Style Selector field at the top of the panel instead of leaving it unstyled. Any other list item assigned that same class inherits the identical marker style, spacing, and typography. That keeps bulleted lists consistent across different pages instead of restyling each one from scratch.
When it doesn't work
A list shows different marker types on different lines and nobody set it up that way
Why: Marker style is a per-item setting in Webflow, not a list-wide one. Copying an item in from another list, or styling one item and skipping its siblings, leaves each item's marker independent.
Fix: Select every item in the list and check its own Style row, or apply one shared class to all of them so they inherit a single marker setting.
A newly dragged List looks like three blank boxes
Why: Webflow's List Item ships empty by design, with no placeholder text or default bullet content.
Fix: Double-click into each item to add a heading, paragraph, image, or even a nested list before publishing.
Frequently asked questions
Do all items in a Webflow list have to use the same bullet or number style?
No. The marker type is set on each List Item individually, so one item can show a letter while its neighbors stay bulleted. Webflow's own glossary describes unordered as the list's default, but the per-item Style row can still override that for a single item.
Where does the List element live in the Add panel?
Under Basic, grouped with headings and paragraphs, not under Advanced with things like Code Embed and Locales List.
Can a List Item hold anything besides text?
Yes. Webflow describes List Items as containers that can hold headings, paragraphs, images, videos, or even another nested list.
How do I keep every list on my site looking the same?
Give one styled list item a class in the Style Selector field. Any list item you apply that same class to picks up its marker style, spacing, and typography automatically.
Sources and last check
Click path and the three screenshots come from the original recording. Re-checked against Webflow's own List and List Item glossary pages in September 2026, which confirm unordered as the default style and place List under the Add panel's Basic section. Webflow's fuller help-center article on lists returned a 403 to automated fetching, so the glossary pages were the primary written source. The recorded screenshots settled a point the glossary didn't spell out: a List Item's marker type can be changed independently of its siblings, visible in two frames where one list shows several different markers at once.
About the author
Impran M N
I've been hooked on technology for as long as I can remember — especially the new tools and AI apps that seem to land every other week. Easy Tech Tuts is where I write up whatever I've just worked out: I do the task in the real product, record the screen, and turn it into the guide I wish I'd found first.
