We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

How to change font size in tabs?

  • 3 cavab
  • 1 has this problem
  • 21 views
  • Last reply by cor-el

more options

Hello,

I need to increase the font size and bold it in tabs. There doesn't seem to be a add-on that works with the current Firefox version. I'm using a MacBook, with Firefox 63.0.3

I don't know anything about coding, so if I need to mess with CSS or something please give detailed step by step instructions.

I'm sorry if this is super simple and I just missed it.

Thank you for any help!

Hello, I need to increase the font size and bold it in tabs. There doesn't seem to be a add-on that works with the current Firefox version. I'm using a MacBook, with Firefox 63.0.3 I don't know anything about coding, so if I need to mess with CSS or something please give detailed step by step instructions. I'm sorry if this is super simple and I just missed it. Thank you for any help!

All Replies (3)

more options

Hi LiliB, most likely you will need to "mess with CSS" (nice rhyme!) unless you want to enlarge everything in Firefox by the same amount.

So to get specific, you have text on tabs, for example:

<center></center>

and you want the font-size larger. Regarding boldness, do you want bold on all tabs or only the "active" one?

By the way, as probably can tell, I have Windows, so if my suggestions don't end up working, it might be one of those Windows/Mac differences and hopefully we can find you a Mac users to clear it up.

more options

Hi jscher2000, thank you for helping.

Yes, I just need the text on tabs bigger and bold on all tabs.

more options

You can add this code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

#tabbrowser-tabs .tab-text{
 font-size:13pt !important;
 font-weight: bold !important;
}

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Mac Finder. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). On Mac you can use the TextEdit application to create and edit userChrome.css. In this userChrome.css text file you paste the text posted above.

You need to close and restart Firefox when you create or modify the userChrome.css file.