Priority Support

If you’re a Pro user, please open a support ticket.

Notifications
Clear all

Change the Table of Contents Font Size

Posts: 4
Topic starter
(@net-temps-josh)
Active Member
Joined: 1 year ago

Hi All,

I’ve been using the plug-in for adding in tables of contents which works great and our SERP features have been rising. The font size however is enormous and makes the entries look a little silly.

How can I change the font size for the text within the tables? I have already tried to solve the issue by changing the H2 tec font sizes, but that has not affected anything.

I have removed the table from the site for the time being, but attached a picture of what it looks like

Thanks for your help!

5 Replies
Posts: 129
Admin
(@imtiazrayhan23)
Member
Joined: 7 years ago

Hi,

Can you please add Table of Contents in one of your posts/pages, and share the link?

It seems like styles from your theme or another plugin is overwriting.

It would be really fast to figure it out if we could look at it live on a post/page.

Kind regards.

Reply
2 Replies
(@net-temps-josh)
Joined: 1 year ago

Active Member
Posts: 4

@imtiazrayhan23 

Thanks for the fast response, each of our posts has the table of contents in with the large (or seemingly reverse ordered) font sizes.

https://net-temps.co.uk/2023/06/29/construction-industry-forecast2023-2025/
and
https://net-temps.co.uk/2023/05/12/simple-cscs-card-guide-2023/

Reply
(@net-temps-josh)
Joined: 1 year ago

Active Member
Posts: 4

@imtiazrayhan23 

Hi, this is still an issue for me across the site. What should I edit to solve this formatting issue?

Here are more examples: https://net-temps.co.uk/2023/06/12/concrete-industry-trends/

https://net-temps.co.uk/2023/03/14/construction-labour-market-analysis/

 

Reply
Posts: 129
Admin
(@imtiazrayhan23)
Member
Joined: 7 years ago

Hi,

It seems like you theme CSS is overwriting Ultimate Blocks styles.

For now, you can use the following custom CSS to overwrite the styles for the Table of Contents.

.ub_table-of-contents-container li {
    font-size: 15px !important;
Reply
Posts: 4
Topic starter
(@net-temps-josh)
Active Member
Joined: 1 year ago

Excellent, thank you!! It’s much improved now I’ve added that in!

Really appreciate your help!

Reply