Solid vs hollow bullet points in Table of Contents

[Mark]

I’m using the Table of Contents block (and a couple more) and love them – thank you!

For Table of Contents, in the blocks view bullets show as solid and indented bullets show as hollow, but when published they all display as solid bullets. Please could you add this to your bug list so that indented bullets are correctly displayed as hollow ones?

Thanks!

[Mark]

Forgot to give you an example, so here is one:

Is a Campervan a Good Investment?

The Table of Contents has H2 and H3 headings only. The H2s should be solid, and the H3s are indented and show as solid but should be hollow.

[Mark]

I’m using GeneratePress theme, in case this helps.

[Alexis]

HI @markwww ! Thanks for letting us know. We’re able to recreate your problem on our end while also using the GeneratePress theme. However, other themes aren’t affected. Something in your current theme is causing the Table of Contents to display in this way.

You may either switch to a theme that doesn’t have this issue, or, if you want to keep your current theme, use the following CSS code to make the indented bullets hollow again:

.ub_table-of-contents ul ul{ 
    list-style: circle;
}

Please let us know how it goes.

[Mark]

Hi Alexis,

I’m pretty invested in GeneratePress so will stick with that theme. The code you provided works perfectly – thanks very much!