Easy-Table-of-Contents
Easy-Table-of-Contents copied to clipboard
Add bullets and arrows in Counter option
Besides the numerical versions already present, I think it would be interesting to put 2 visual options, such as bullet or arrows lists.
+1 I've got the same issue. No built-in way to customize this feature using filters or something like that
Note to self: this CSS seems to work great for bullets:
.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a {
display: flex;
}
.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a::before {
border-radius: 50%;
content: "";
line-height: 1em;
margin: .5em 6px 0 0;
height: .5em;
width: .5em;
position: relative;
background-color: #666666;
min-width: .5em;
}
Note to self: this CSS seems to work great for arrows:
.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a {
display: flex;
}
.ez-toc-widget-container ul.ez-toc-list .ez-toc-list-level-4 a::before {
content: "";
border-color: transparent #666666;
border-style: solid;
border-width: 0.35em 0 0.35em 0.45em;
border-radius: 0;
display: block;
height: 0;
width: 0;
min-width: .45em;
margin: .35em 0;
}