How to add space between table of content and heading

  • Resolved ZewaLogi

    (@amazinghulk)


    4 years, 11 months ago

    Hi,

    I use before first heading position. But the table of content is little too close to heading. How can I add space between them?

    Also how to center it instead of being left?

    • This topic was modified 4 years, 11 months ago by ZewaLogi.
Viewing 8 replies - 1 through 8 (of 8 total)
  • Steven

    (@shazahm1hotmailcom)

    The only option available is to use CSS to add more margin/padding where you would like to add it.

    Thread Starter ZewaLogi

    (@amazinghulk)

    Sure. That is fine with me. Could you tell me which code to use?

    Steven

    (@shazahm1hotmailcom)

    You can use your browser inspector to find the heading you want to add margin / padding to and create the required CSS selector. This is not something I can give you, sorry.

    Thread Starter ZewaLogi

    (@amazinghulk)

    Could you at least give me an example?

    Steven

    (@shazahm1hotmailcom)

    Sure, not certain how much good it will do you though:

    h1 {
    margin: 20px;
}
    Thread Starter ZewaLogi

    (@amazinghulk)

    Is this good? It adds margin as I wanted.

    #ez-toc-container {
    margin: 50px;
    }

    • This reply was modified 4 years, 11 months ago by ZewaLogi.
    Steven

    (@shazahm1hotmailcom)

    Sorry, I can not really give an answer beyond, if it looks good to your, then its good.

    Thread Starter ZewaLogi

    (@amazinghulk)

    Ok, if anyone interested I have centered and added space using this code:

    #ez-toc-container {
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    }

    It seems it does the job.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to add space between table of content and heading’ is closed to new replies.