Forums

Articles
Create
cancel
Showing results for 
Search instead for 
Did you mean: 

Multilevel numbered list (independent for page text and every table cells)

Paul Smith December 11, 2022

Hello. I need multilevel numbered list independently for text and table cells.

This code works, but it affects breadcumbs.

If I add a .wiki-content to fix breadcumbs display issue - the numbering in the table not work correctly.

Can u help with that? PS: I am not an admin, so I can edit the style within my page.

<style>
ol {
counter-reset: item;
margin-bottom: 10px;
}

ol li {
display: block;
position: relative;
margin: 0.11em;
}

ol li::before {
content: counters(item, ".")".";
counter-increment: item;
position: absolute;
margin-right: 100%;
font-size: 80%;
background-color: #F0F0F0;
color: #2C3135;
font-weight: bold;
padding: 1px 4px;
border-radius: 3px;
right: 10px;
/* space between number and text */
}

table ol {
counter-reset: myTableCounter;
margin: 0.11em;
}

table ol li {
display: block;
position: relative;
}

table ol li::before {
content: counters(myTableCounter, ".")".";
counter-increment: myTableCounter;
}
</style>

 

2 answers

0 votes
Paul Smith December 11, 2022

Fixed with

#breadcrumbs li:before { display: contents; }
0 votes
Nad December 11, 2022

nawaf2296@gmail.com

Suggest an answer

Log in or Sign up to answer
TAGS
AUG Leaders

Atlassian Community Events