I have taken over maintence and design of a website and have not used Webflow before.
The previous person designing pages was seemingly able to add “non list items” to list item containers - this includes images, headings, and what I’m assuming are divs (the icon is an outline of a square). If i try to do this, by dragging and dropping in the page editor and the navigator, I keep getting the “non-list item cannot be placed in list / list item elements”
Additionally, I am unable to see what kind of elements have been used previously as everything uses custom classes, so all elements show that class name rather than the element type.
There was a year old forum post about how to see what element is being used when a class name is blocking that ( Where to see element type? ). However, none of these methods work..
I don’t use the list or list item elements much, but I believe you must place a list item within a list, and then you can place other items like images within the list item itself. That mirrors the way HTML works.
In terms of the element type, yes it’s awkward. A few approaches;
Learn the icons to the left of each element in the left nav, they’re usually your best first indicator
Top right on the settings panel used to indicate the element type
Many element types are not 1:1 with HTML elements, e.g. tabs, slider, lightbox- you just get familiar with those and learn how to use them.
Settings are usually a good hint, e.g. a link element will have very different settings from a form input element.
Where 1:1 HTML element modeling is really important to you, you’re usually best off using Custom Elements.