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

Control/change/increase font size only of message list

  • 5 replies
  • 1 has this problem
  • 15 views
  • Last reply by 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?

Modified by firezombie

Chosen solution

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.

Read this answer in context 👍 1

All Replies (5)

more options

Chosen Solution

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.