![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
I need LARGE, BOLD fonts in tabs
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.
Zgjidhje e zgjedhur
Here's the nice css file for modifying text in tabs:
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/config/custom_tab_text_settings.css
Lexojeni këtë përgjigje brenda kontekstit 👍 1Krejt Përgjigjet (6)
Zgjidhja e Zgjedhur
Here's the nice css file for modifying text in tabs:
https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/config/custom_tab_text_settings.css
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? :)
You can add font-size: 16px !important; rules to the various .tab-label blocks.
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?
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 */ }
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.