Поиск в Поддержке

Избегайте мошенников, выдающих себя за службу поддержки. Мы никогда не попросим вас позвонить, отправить текстовое сообщение или поделиться личной информацией. Сообщайте о подозрительной активности, используя функцию «Пожаловаться».

Learn More

I need LARGE, BOLD fonts in tabs

  • 6 ответов
  • 1 имеет эту проблему
  • 43 просмотра
  • Последний ответ от 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.

Все ответы (6)

more options

Выбранное решение

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.