[Support request] Table Of Content CSS

[Abhit]

Hello GeneratePress Team,

I want to add this type of table of content in my website something like this screenshot the site owner is using the easy table of contents plugin and I’m also using the same please guide me how can I make my table of content like that?

[David]

Hi there,

the markup of that users TOC is different to what you have, but you can try this to get you started:

#ez-toc-container {
    width: 100%;
    border-radius: 5px;
    padding: 20px;
    box-sizing: border-box;
}

div#ez-toc-container p.ez-toc-title {
    font-size: 28px;
    font-weight: 700;
}

.ez-toc-title-container {
    margin-bottom: 1em;
}

#ez-toc-container li,
#ez-toc-container ul,
#ez-toc-container ul li,
.ez-toc-widget-container,
.ez-toc-widget-container li {
    line-height: 2em;
}

#ez-toc-container li,
#ez-toc-container li a {
    color: #3c4bc5;
}

[Author]

Posts