SOLVED: How to Numerate List Elements

[DennisTheMenace]

I have created a list in Bricks Builder and added multiple List Elements to it. However, I would like to numerate the list so that the first list entry starts with 1. and the second list entry with 2., and so on.

I want it to look like this:

Can anyone advise on how I can accomplish this in the page builder? Currently, I have a circle chosen as an icon for the list, but I’m not sure if this is the best practice for list elements.

Any guidance or suggestions on how to achieve this would be greatly appreciated. Thank you in advance for your help.

[alanj]

See my similar request from a few days ago. CSS works.

Simple bullet or numbered lists

It’s brain fade Friday! How do I create a simple bullet list and/or a numbered list in native Bricks? Neither the List element nor the Icon List element seem to have such an option. Obviously I can do it in a rich Text element but would have thought that the List element would allow it too - as I think it is easier to use dynamic items/styling there.

[DennisTheMenace]

Thank you, this will probably work, but would be cool if the team could add an option for numbered list in the page builder. I will create an entry on the idea board. Thanks again!

[alanj]

It would. I raised an Idea for it, but not been accepted yet.

[thomas]

@DennisTheMenace The “List” element is meant to render more complex lists with icon, separator, etc. A good example would be a pricing list

For a simple numbered list you can use the “Rich text” element, click on the “Numbered list” icon in the text editor toolbar, and start writing your list like this: