Problem: In my Confluence version, a black dot is used as the default bullet for every level in the multi-level list. It is very difficult to differentiate levels in a document.
I want to change the list to this:
Solution: Insert this CSS code into your Page / Global Stylesheet:
.wiki-content ul li { list-style: disc; }
.wiki-content ul li li { list-style: circle; }
.wiki-content ul li li li { list-style: square; }
.wiki-content ul li li li li { list-style: disc; }
.wiki-content ul li li li li li { list-style: circle; }
.wiki-content ul li li li li li li { list-style: square; }
Save and that's it! You can also customize the type of bullet by changing disc, circle, ... into something else. See more info here: https://www.w3schools.com/cssref/pr_list-style-type.asp
Note: To know how to get to the Stylesheet, see https://confluence.atlassian.com/doc/styling-confluence-with-css-166528400.html
Edit: Also, each "li " correspond to a level. E.g: li li means you are changing bullet at level 2. You can add more line if you want to config bullet type at deeper level
0 comments