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

I need LARGE, BOLD fonts in tabs

  • 6 replies
  • 1 has this problem
  • 49 views
  • Last reply by rosawood

more options

I just "upgraded" to 59 (from 55) and as I suspected, all my add-ons are broken. I tried to change the size in about:config using devp, but no matter what size I put in there (and yes, I clicked "ok") the font size does not change. How do I bold and enlarge the text in the tabs? Theme and Font Changer is not working except for color, not useful at all.

I just "upgraded" to 59 (from 55) and as I suspected, all my add-ons are broken. I tried to change the size in about:config using devp, but no matter what size I put in there (and yes, I clicked "ok") the font size does not change. How do I bold and enlarge the text in the tabs? Theme and Font Changer is not working except for color, not useful at all.

All Replies (6)

more options

Chosen Solution

more options

Thank you. This definitely fixed the bold part, but can you tell me how to increase the font size? And maybe how to make the active tab a different color? :)

more options

You can add font-size: 16px !important; rules to the various .tab-label blocks.

more options

How do I do that? Would it be a separate command for each tab type?

for example, under "busy" tab /*font size*//* .tabbrowser-tab[busy] .tab-label {

 font-size: 16px !important;

}

I assume this would also have to be added to selected and default types as well as busy/loading?

I'm not really familiar with css, since it's been about 20 years since I did any coding, and then mostly in C and assembly language. Is there somewhere I can take a crash course in styles?

more options

Note that if there is a trailing "/*" on a line to start a comment like in "/*font size*//*" then the next part will be within this comment until the next closing "*/" comment tag.

I would personally prefer top modify the code and place all various ".tabbrowser-tab[busy] .tab-label {}" rules under one section and possibly add the comment after each rule referring to your other thread that shows a lot of rules, some enabled and some disabled (within comment tags /* <comment> */).

I.e. combine all .tabbrowser-tab[busy] rules. The leading "/*" disables the rule until the closing "*/" at the end of the line. Add an opening "/*" to disable the rule and remove the leading "/*" to enable this rule (only font-size is enabled in this CSS code).

/* busy/loading tab ************************/
.tabbrowser-tab[busy] .tab-label {
 /* color: #9933CC !important; /* text color */
 /* text-shadow: 0px 1px 0px #FFCCFF, 0px 1px 4px #FFCCFF !important; /* text shadow */
 /* font-weight: initial !important; /* bold */
 /* font-style: italic !important; /* italic */
 font-size: 16px !important; /* font size */
} 
more options

Whoops! I didn't see the opening comment /* without a close. I've gone through the css file, tweaked it, and I now have what I need. Thank you for your help.