You're on your way to the next level! Join the Kudos program to earn points and save your progress.
Level 1: Seed
25 / 150 points
1 badge earned
Challenges come and go, but your rewards stay with you. Do more to earn more!
What goes around comes around! Share the love by gifting kudos to your peers.
Keep earning points to reach the top of the leaderboard. It resets every quarter so you always have a chance!
Join now to unlock these features and more
I am creating a CSS file to format a space in Confluence. I'm trying to format a nested list. When I set the font size to 1.5em, the font in the nested list is bigger than the list. Here's an example:
I'm not sure why this happens but it's consistant. The Table of Contents at the top of the page renders the same way.
Hi @Paul Cartee ,
Welcome to the community!
It is actually possible to do this through the normal editor mode. Let me try to explain this
That should do it. I know it's a bit confusing!
also check out this documentation https://confluence.atlassian.com/confkb/how-to-have-nested-number-lists-in-confluence-757465539.html
You miss understood what I was asking. The problem is, when I apply my CSS file to a page with a nested bulleted list, the second level of the bulleted list has a font size larger than the first level of the bulleted list, and the 3rd level of the nested bulleted list is larger than the 2nd level. It appears that Confluence keeps increasing the size of the font with each level of the list.
See the screenhot below for an examle.
This only happens when I use a CSS file. My question is, how do stop this from happening? I increased the font size for <ol> and <ul>. The 1st level renders correctly, but 2nd and 3rd levels render incorreclty. I tried to increase the font size of only <li> and it reneders the same way. The 2nd and 3rd level font sizes are always larger than the 1st level font size.