-
How can I change the size of the subtitles H3 and H4 in the table of contents similar to what it is shown in the image?
-
Hello,
To change the size of the subtitles (H3 and H4) in the Table of Contents block using Rank Math, you can adjust the Typography settings. Here’s how you can do it:
-
Navigate to Typography Settings:
- Click on the three dots icon in the Styles tab.
- Select the Typography options.
-
Adjust Font Size:
- Use the available sizes like Small, Medium, Large, Extra Large, and XXL.
- You can also set a specific value by clicking the slider icon and choose the unit (pixels, em, or rem).
-
Reset Font Size:
- If needed, you can remove the Font size setting by clicking on the Typography options (three dots) and then selecting RESET.
-
Reset All Typography Settings:
- To reset all Typography settings, click on the Reset all option.
Here is an example image showing how to adjust the font size in the Typography settings:
By following these steps, you can customize the font size for subtitles (H3 and H4) in your Table of Contents block. If you have any further questions or need assistance, feel free to ask.
Thank you for reaching out with your query!
Sources:
How to Add Rank Math’s Table of Contents Block » Rank Math
How to Add Rank Math’s Table of Contents Block » Rank Math
How to Add Rank Math’s Table of Contents Block » Rank Math
How to Add Rank Math’s Table of Contents Block » Rank Math
How to Add Rank Math’s Table of Contents Block » Rank MathThe instructions shared here are to change the font size OF ALL THE TABLE OF CONTENTS. What I am looking for is to leave H2 tags the same size and reduce the font size of subtitles like H3 and H4 tags in the table of contents.
Hello,
Thank you for your patience.
Unfortunately, those headings cannot be controlled in the block options when editing your pages.
However, to adjust the font size of the H3 and H4 headings in your Table of Contents block, you may use this CSS:
#rank-math-toc > h3 { font-size: 50px !important; } #rank-math-toc > h4 { font-size: 50px !important; }
And here’s a guide on how to add custom CSS to your site:
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/Hope that helps.
Hello,
Can you please clear your website caches and check the frontend again?
If that doesn’t help, we might need to take a closer look at the settings. Please edit the first post on this ticket and include your WordPress login in the designated Sensitive Data section.
Please do take a complete backup of your website before sharing the information with us.
It is completely secure and only our support staff has access to that section. If you want, you can use the below plugin to generate a temporary login URL to your website and share that with us instead:
https://wordpress.org/plugins/temporary-login-without-password/
You can use the above plugin in conjunction with the WP Security Audit Log to monitor what changes our staff might make on your website (if any):
https://wordpress.org/plugins/wp-security-audit-log/
We really look forward to helping you.
I need an email to add to the login without password, what email and name should I use?
Hello,
You can use
s******@r***********
to create the temporary login link. Please make sure to share the login link in the sensitive data section of the ticket.Looking forward to helping you.
Hello,
I have updated the sensitive data as requested. Can you please check further?
Thank you.
Hello,
Please use the following CSS in the Additional CSS section of your theme’s customizer to change the font size of TOC links:
For H3: #rank-math-toc li ul li { font-size: 15px!important; } For H2: #rank-math-toc li ul li ul li { font-size: 15px!important; }
Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.
Please see image. I tried changing the font but nothing happened, did I miss something?
Another quick question. I activated Google Analytics on RankMathSEO and there is a question I did not understand about “Install analytics code” that states “Enable this option only if you are not using any other plugin/theme to install Google Analytics code”. See image attached.
What does this mean? I am a beginner so I do not fully understand it. What plugins should I look for to make sure I am not using other plugin/theme to install Google Analytics code? See attached image with all the plugins I have
Thank you. I am not sure if I am doing something wrong but I tried 2 methods and none of them worked, please see attached images (I cleared caches after each method)
Hello,
Please use the CSS code my colleague shared here and make sure to remove the lines I pointed out in the screenshot:
As for your question about the Analytics tracking code, the message you see is asking if you should enable RankMathSEO’s Google Analytics code installation option if you’re already using another plugin or theme for Google Analytics. Our recommendation is to enable it only if you are not using any other plugin or theme for Google Analytics. This prevents conflicts between different tracking codes.
Checking the screenshots of the active plugins you have, you seem to be using the Google Site Kit already so if you have completely set that up and the tracking code is enabled there as well, you may leave the option disabled in our plugin.
You may also refer to this guide to get further understanding when enabling both Rank Math’s Analytics and Google Site Kit: https://rankmath.com/kb/google-site-kit-compatibility/
Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.
Also, I created a template or reusable block for a table of contents that I am using on all my posts. If I update that template all the table of contents in all my posts will be updated automatically, right? How do I update that template?
Hello,
The first code is for the H3 headings, and the second code is for the H4 headings. You don’t have H4 headings on the page you have shared in the screenshot. The changes made to the second code will only apply to the H4 headings.
You can use the following guide to learn how to edit reusable blocks/ synced patterns. https://wordpress.com/support/wordpress-editor/create-a-pattern/
Hope that helps and please do not hesitate to let us know if you need our assistance with anything else.
Thank you but I meant a reusable block from RankMath, please see image below.
Hello,
Since we did not hear back from you for 15 days, we are assuming that you found the solution. We are closing this support ticket.
If you still need assistance or any other help, please feel free to open a new support ticket, and we will be more than happy to assist.
Thank you.
-
The ticket ‘How to change the size of text in table of contents for H3 and H4 tags?’ is closed to new replies.