This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

Èròjà atẹ̀lélànà yii ni a ti fi pamọ́ fọ́jọ́ pípẹ́. Jọ̀wọ́ béèrè ìbéèrè titun bí o bá nílò ìrànwọ́.

Control/change/increase font size only of message list

  • 5 àwọn èsì
  • 1 ní ìṣòro yìí
  • 15 views
  • Èsì tí ó kẹ́hìn lọ́wọ́ sfhowes

more options

There are many questions and a few answers but none provides a real solution. I want to increase ONLY the font size in the message list.

layout.css.devPixelsPerPx increases the size of everything: buttons, fonts, etc. This is not a solution to this problem.

The other solution proposed to add * { font-size: 24px !important; } to the userChrome.css is also not a solution because it increases the font size everywhere.

So how can the font size of the different panes be controlled separately?

There are many questions and a few answers but none provides a real solution. I want to increase ONLY the font size in the message list. layout.css.devPixelsPerPx increases the size of everything: buttons, fonts, etc. This is not a solution to this problem. The other solution proposed to add * { font-size: 24px !important; } to the userChrome.css is also not a solution because it increases the font size everywhere. So how can the font size of the different panes be controlled separately?

Ti ṣàtúnṣe nípa firezombie

Ọ̀nà àbáyọ tí a yàn

Try this css code:

/* Threads Pane font and background*/
#threadTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

/* Folder Pane font and background*/
#folderTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

Help/Troubleshooting, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the numbers and colors as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Options(Preferences)/General/Config. editor, restart TB.

Ka ìdáhùn ni ìṣètò kíkà 👍 1

All Replies (5)

more options

Ọ̀nà àbáyọ Tí a Yàn

Try this css code:

/* Threads Pane font and background*/
#threadTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

/* Folder Pane font and background*/
#folderTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

Help/Troubleshooting, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the numbers and colors as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Options(Preferences)/General/Config. editor, restart TB.

more options

sfhowes said

Try this css code:
/* Threads Pane font and background*/
#threadTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

/* Folder Pane font and background*/
#folderTree > treechildren {
  font-size: 12pt !important;
  font-family: Times !important;
  background-color: lightgrey !important;
  color: navy !important;
}

Help/Troubleshooting, Profile Folder, Open Folder, close TB, create a new folder named chrome, create a new document in chrome with a text editor, name it userChrome.css, Save as type: All files *.*, copy in the above code, change the numbers and colors as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Options(Preferences)/General/Config. editor, restart TB.

Many thanks! This is the correct way to do this. Would you happen to know if it's possible to remove the tabs or reduce the tab height? I only have one tab because I am using the QuickFolders add-on, so the default tab steals a too much space.

more options
more options

Dear forum members,

Could anyone confirm that this is still the recommended method for changing the Font size of the Thunderbird text? I'm a Linux user so does the above solution apply for TB in Linux (Mint XFCE vers 19.3)

Thank you

more options

palmerconsultingfr said

Dear forum members, Could anyone confirm that this is still the recommended method for changing the Font size of the Thunderbird text? I'm a Linux user so does the above solution apply for TB in Linux (Mint XFCE vers 19.3) Thank you

The css works in TB 91/W10, so it should work in Linux. Try it and see, it's easy to remove if necessary.