[Support request] Table Of Content CSS

Home Forums Support Table Of Content CSS

  • This topic has 1 reply, 2 voices, and was last updated 10 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #1070982

    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?

    Customer Support

    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 li {
        line-height: 2em;
    #ez-toc-container li,
    #ez-toc-container li a {
        color: #3c4bc5;
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.