Streaming live at 10am (PST)

Nested lists... can't make it happen

I am trying to created nested lists, and I can see that it CAN be done… but I just can’t work out how. I know that I have to create a new list in a list item, and that works fine, but I can’t then give that list item a value.

On the page, the lists I am working on are in column 3.
At the bottom of the page is an HTML embed showing what I am looking for.

thanks Webflowers :sunflower::sunflower::sunflower:


Here is my site Read-Only: https://preview.webflow.com/preview/a11y?utm_medium=preview_link&utm_source=designer&utm_content=a11y&preview=441ad9d1392456ec52a90cc94b0319f6&pageId=5d4d8937313d9a954c64f153&mode=preview
(how to share your site Read-Only link)

Are you trying to do this?

Yes, and I’ve seen that. But trying to do what appears in the video and holding my breath don’t seem to cut it for me…

So if you need to get rid of the bullet you can do this. Add class; list-style-type:none;

CloudApp

No, the problem is that I am trying to add a nested list within a list item that needs a name. For example, lemonades is an item in the high level list. I want a sub-list within “lemonades” of ginger lemon and mint lemon. If the list item has text in it, I can’t add the nested list. Once I have added a nested list, I can’t add text within the higher level.

Ok, how about this approach?

CloudApp

Took me a while to see what you were doing there. I’ve seen it done without divs, and that’s the approach I’d like to follow, at least initially. Who knows where this will go!

Without divs: https://sjc3.discourse-cdn.com/business5/uploads/webflow1/optimized/3X/2/3/232cfc9f2f48bcdf7dfb67782c9794e0e8a0fd7c_1_690x300.gif