Split TOC to two columns

  • Hi. Is it possible to split the table of content to show the headings in two columns instead of the default one column? My plan is to disable the Toggle View and Initial View and then to have the table of contents in two columns so it is not too long.
    Thanks

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Steven

    (@shazahm1hotmailcom)

    This can be accomplished using custom CSS. For example:

    #ez-toc-container {
    width: 100%;
}
#ez-toc-container ul {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
}

#ez-toc-container ul ul {
    grid: none;
}
    Thread Starter investocrat

    (@investocrat)

    Thanks for your response, Steven!

    This code worked, however, there was an error when I tried saving it.
    Link to screenshot: https://paste.pics/283e006a05aa9d16f6bd25250ec3d292

    Are there some code changes I should be making to stop WP from showing a warning when I try to save the CSS code?

    Also, if you don’t mind, is this code site-specific? I tried using it on a second site and it did not change the default way TOC shows on the front-end. A sample post is here:

    https://www.dollarfinancials.com/free-walmart-gift-card/

    I’d like to split the table of content into two for this as well.
    Thanks so much!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Split TOC to two columns’ is closed to new replies.

Tags