Archived topic
List in list gutenberg
1 reply · Started by Kees on August 18, 2022
Viewing posts 1–2 of 2
Hi,
How do we make a list like this?
1.
2.
3.
3.1
3.2
4
5
6
See: https://www.loom.com/share/0738cf413b6e481b99a7b571f1fbfa28
Hi there,
you would need to create your own counter styles, try adding this CSS:
ol {
list-style-type: none;
counter-reset: item;
}
ol > li {
display: table;
counter-increment: item;
margin-bottom: 0.6em;
}
ol > li:before {
content: counters(item, ".") ". ";
}
li ol > li {
margin-bottom: 0;
}
li ol > li:before {
content: counters(item, ".") " ";
}
This archived topic is closed to new replies.