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.

Avatar for Username

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

Este fío arquivouse. Faga unha nova pregunta se precisa axuda.

Control/change/increase font size only of message list

  • 5 respostas
  • 1 has this problem
  • 1 view
  • Last reply by sfhowes

firezombie
firezombie
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?

firezombie modificouno o

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.

Ler a resposta no contexto 👍 1

All Replies (5)

sfhowes
sfhowes
  • Top 10 Contributor
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.

firezombie
firezombie Question owner
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.

sfhowes
sfhowes
  • Top 10 Contributor
more options

I haven't tested any code for tabs, but I think you can find it fro sources like these:

http://forums.mozillazine.org/viewtopic.php?f=38&t=3075379

https://support.mozilla.org/en-US/questions/1243994

https://gist.github.com/silvercircle/023bded0da891872f956b02b55a581ee

palmerconsultingfr
palmerconsultingfr
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

sfhowes
sfhowes
  • Top 10 Contributor
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.