Streaming live at 10am (PST)

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


#1

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: https://www.w3schools.com/tags/att_ol_type.asp)

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!


#2

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;}

Other properties can be

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

#3

Thanks @vincent, that’s solved it.


#4

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