Why the large spacing on TOC

Hello,

We apologize for the issue you are facing with the large spacing in the Table of Contents (TOC) on your page. To address this, you can adjust the padding and margin settings for the TOC block. Here’s how you can do it:

1. Navigate to the TOC Block Settings: In your WordPress editor, select the Table of Contents block.
2. Access the Styles Tab: Click on the Styles tab where you can find options for Padding and Margin.
3. Adjust Padding and Margin:
   • Click on the three dots icon to select the dimension you want to change (Padding or Margin).
   • You can set specific values for Top, Right, Bottom, and Left padding/margin as needed.
   • Use the slider icon to set a custom value if necessary.

Here are some images to guide you:

4. Reset if Needed: If you want to start fresh, you can reset all dimensions by clicking on the Reset all option.

After making these adjustments, check your page again to see if the spacing issue has been resolved. If you continue to experience problems, please reply to this ticket, and a human agent from the Rank Math Support team will assist you further.

Thank you for raising this concern!

Sources:
How to Add Rank Math’s Table of Contents Block » Rank Math

Hello,

Thank you for contacting support.

That is the default behavior when a list is nested inside each other, you can apply the following code to remove the spacing:

#rank-math-toc > nav > ul > li > ul {
    padding-left: 0;
}

This CSS can be added by going to Appearance > Customize > Additional CSS.

Let us know how it goes. Looking forward to helping you.

Thank you.

Hello,

In this case, please use the following CSS on your website and see if that works for you:

.wp-block-rank-math-toc-block nav ul li ul{
    padding-bottom: 0 !important;
}

And here’s a tutorial on how to use custom CSS on your site:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

Let us know how it goes. Looking forward to helping you.

Thank you.