Ordered List (OL) - Change number format to alphabet characters?

The HTML standard allows for you to edit the ‘type’ of an OL to switch to roman numerals or alphabet indexing of items (see here: HTML ol type Attribute)

I don’t see any way of being able to do this in Webflow, and when I try and add a custom OL attribute, I’m told the ‘type’ is a reserved attribute I’m not able to set.

Any ideas gratefully received!

When you can’t use the HTML custom attribute type, you can use the list-style-type CSS property set to roman.

.the-class-you-add-to-the-list-element {list-style-type: upper-roman;}

http://vincent.polenordstudio.fr/snap/n688w.jpg

Other properties can be

.class {list-style-type: circle;}
.class {list-style-type: square;}
.class {list-style-type: lower-alpha;}

Thanks @vincent, that’s solved it.

1 Like

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.