Archived topic
Table Of Content CSS
1 reply · Started by Abhit on November 21, 2019
Viewing posts 1–2 of 2
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?
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;
}
This archived topic is closed to new replies.
