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.
Gekose oplossing
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
Lees dié antwoord in konteks 👍 1All Replies (6)
Gekose oplossing
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.