[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
    Posts
  • #1070982
    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?

    #1071140
    David
    Staff
    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,
    .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.