Adding extra space between TOC entries

  • Resolved kingsinger

    (@kingsinger)


    11 years, 9 months ago

    Not a css expert. Is there a way to adjust the built-in css (or use custom css) so that there is a double space between each TOC entry.

    Instead of this:

    TOC Entry 1
    TOC Entry 2
    TOC Entry 3

    It would look like this:

    TOC Entry 1

    TOC Entry 2

    TOC Entry 3

    Also, if things can be adjusted to look like this, can they be adjusted on post by post basis? Or do I have to choose that look for every TOC I generate?

    TIA

    https://wordpress.org/plugins/table-of-contents-plus/

Viewing 3 replies - 1 through 3 (of 3 total)
  • conjur3r

    (@conjur3r)

    11 years, 9 months ago

    You can do that via CSS. I would suggest doing it globally rather than a post by post basis to promote a consistent user experience. That said, you could also do it on a post by post basis by using custom css per post (look at the <body> tag, there usually is a unique post id class in there).

    Something like this would work:

    .toc_list li {
  margin-bottom: 1em!important;
}
.toc_list ul {
  margin-top: 1em!important;
}
    Thread Starter kingsinger

    (@kingsinger)

    11 years, 9 months ago

    If I want to do it globally, do I make the change in the CSS of the plug-in? Or do I need to use custom CSS?

    conjur3r

    (@conjur3r)

    11 years, 9 months ago

    Do it in a custom CSS plugin or if you’re using Jetpack, it has a custom CSS module. The reason being if you upgrade TOC+, then your changes will get clobbered and you’ll need to put it in again.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Adding extra space between TOC entries’ is closed to new replies.