2021/10/14
お世話になっております。
以下のようなCSSを書いてみてください。
よろしくお願いします。
#toc_container .toc_list, #ez-toc-container .ez-toc-list {
counter-reset: num;
list-style-type: none;
padding-left: 20px
}
#toc_container .toc_list .ez-toc-heading-level-2, #ez-toc-container .ez-toc-list .ez-toc-heading-level-2{
position: relative;
}
#toc_container .toc_list .ez-toc-heading-level-2:before, #ez-toc-container .ez-toc-list .ez-toc-heading-level-2:before {
counter-increment: num;
position: absolute;
display: inline-block;
left: -36px;
width: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
content: counter(num)"";
background-color: #5a5a5a;
color: #fff;
}
WordPressテーマSANGOの質問
目次アイコンを追加したい
素敵なテーマありがとうございます。
目次で①～（h2）
・～(h3)
・～(h3)
・～(h3)
②～（h2）
・～(h3)
・～(h3)
・～(h3)
のように、目次を作りたいです。
サンプルはマクリンさんのです。
①などの数字のアイコンの作成の仕方をおしえていただきたいです。よろしくお願いいたします。