Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

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

Can't change line spacing, font, colors in folder list or message list

  • 12 replies
  • 3 have this problem
  • 1 view
  • Last reply by faure212

more options

Can't change line spacing, font, colors in folder list or message list

something's changed in version 78 vs 68 for Windows 10.

Can you help me customize the line spacing (padding?), font, colors, font size in both the folder list and message list panes?

I've been trying several edits to the userChrome.css file and experimented with the layout.css.devPixelsPerPx in about:config.

The mods I use to userChrome.css that work in version 68 don't work in version 78.

I've had some success with the message list but haven't found anything that reduces the space between lines in the folder pane. That's important for me.

in case it helps, here is what I currently have in the userChrome.css file in Thunderbird v78

  • Do not remove the @namespace line -- it's required for correct functioning

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

  1. folderTree > treechildren::-moz-tree-row {
 background-color: #AFEEEE !important; /* test */
 min-height: 0px !important;
 height: 18px !important;

}

  1. threadTree > treechildren::-moz-tree-row {
 background-color: none !important; /* test */
 min-height: 0px !important;
  height: 18px !important;

}

the #threadTree section seems to work, but the #folderTree section does not. It would be nice to know how to change font type and size but line space is most important.

Can't change line spacing, font, colors in folder list or message list something's changed in version 78 vs 68 for Windows 10. Can you help me customize the line spacing (padding?), font, colors, font size in both the folder list and message list panes? I've been trying several edits to the userChrome.css file and experimented with the layout.css.devPixelsPerPx in about:config. The mods I use to userChrome.css that work in version 68 don't work in version 78. I've had some success with the message list but haven't found anything that reduces the space between lines in the folder pane. That's important for me. in case it helps, here is what I currently have in the userChrome.css file in Thunderbird v78 '' * Do not remove the @namespace line -- it's required for correct functioning @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); #folderTree > treechildren::-moz-tree-row { background-color: #AFEEEE !important; /* test */ min-height: 0px !important; height: 18px !important; } #threadTree > treechildren::-moz-tree-row { background-color: none !important; /* test */ min-height: 0px !important; height: 18px !important; } '' the #threadTree section seems to work, but the #folderTree section does not. It would be nice to know how to change font type and size but line space is most important.

Chosen solution

Try this for the Folder Pane:

#folderTree > treechildren {
  font-size: 12pt !important;
  font-family: Verdana !important;
  background-color: lightgrey !important;
  color: navy !important;
}
#folderTree treechildren::-moz-tree-row {
height: 18px !important;
min-height: 18px !important;
}
Read this answer in context 👍 2

All Replies (12)

more options

Chosen Solution

Try this for the Folder Pane:

#folderTree > treechildren {
  font-size: 12pt !important;
  font-family: Verdana !important;
  background-color: lightgrey !important;
  color: navy !important;
}
#folderTree treechildren::-moz-tree-row {
height: 18px !important;
min-height: 18px !important;
}
more options

Thanks, it works.

I've done a bit of tweaking/experimenting and may soon reach the level of novice Thunderbird .css writing.

Do you have a link or something that lists the typical entries that are currently used by thunderbird in the userChrome.css file?

It's obviously specific to Thunderbird.

I could be wrong but I think one of my problems was that leaving in the namespace line prevented both the #folderTree and the #threadTree being used. I have desired line spacing now in both lists. When I added your above code, my message list #threadTree settings were ignored but the #folderTree worked. Both worked after removing the namespace.

The adjustments I am still working on are just font, font size and background color.

Thanks again

more options

I don't know of a central source of TB css references, but there are plenty of examples revealed through basic web searches.

The namespace declaration is no longer needed, but it shouldn't do any harm if it's included.

more options

Thank you, sfhowes. Now where does this marking go. Is it an addition or alteration to a CSS file and, if so, which CSS file is it? I am presuming the code is XML?

Oh, and this is for the folder list - what about the message list. It is important to me in that I have been using Thunderbird since shortly after initial launch and I have several thousand messages distributed across several dozen folders.

Modified by OldWilly

more options

Just follow these directions: 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 as desired. Double-click toolkit.legacyUserProfileCustomizations.stylesheets to true in Options/General/Config. editor, restart TB.

For the message list, same code except replace folderTree with threadTree.

more options

sfhowes, thank you for the prompt reply. I will give that a try.

more options

Ok. And the next problem in there; the subject disappears when I roll the cursor over it.

more options

Ken said

Ok. And the next problem in there; the subject disappears when I roll the cursor over it.

This a known W7 bug: https://support.mozilla.org/en-US/questions/1312243

Should be resolved in 78.5 next week.

more options

The solution suggested won't work as the file userChrome.css doesn't exist on my main use PC or any other PCs with Thunderbird installed. Probably because my browser is Firefox and have never installed Google Chrome on any others I own.

Is there a template of the userChrome.ass file that can be merged into my system and modified using the about:config utility?

The OS is an OEM Windows 7 Pro, 8 Gb Ram, 2Tb HDD an a Dell.

My perception is Mozilla Foundation have caught the "big corporations disease" and rolled out the "new and improved" version of Thunderbird without any market research.

more options

Jesus, there has to be an easier way to change message line spacing than having to hack .css files.

Why would the paragraph formatting controls be removed from v78? Makes me want to stop using the program.

more options

@billb1 - Flexibility is the key to satisfaction. Unfortunately, nothing seems to have been done to retain the format in earlier versions. On the other hand, using the "chosen solution" above allowed me to make it better than the previous version. A plus for me is that in the past I had no need to use Content Style Sheets (CSS), so this was a welcome exercise.

more options

Using Thunderbird 78 has become a real nightmare. After using TB for the past few eons, I find that I cannot get the line spacing or font size that I want. ALL the solutions offered here are useless to me, since they are global (changing the pixels in the config editor, using a global font in the userChrome.css, which screws up calendar font size, etc.)

In my userChrome.css I have the following lines:

#threadTree > treechildren::-moz-tree-cell-text(unread) 

{ font-size: 19pt ! important; font-family : Comic Sans MS !important; color: #CC0000 !important; }

treechildren:-moz-tree-cell-text(read) { font-size: 22pt ! important; font-family : Arial !important;

The first group (for unread messages) works, and I can determine the color, size, etc. for those lines of my inbox. The second group (for read messages) is frozen at some font family and size NOT of my choosing, and ignores all my attempts to make it readable, let alone nice looking. WHAT AM I DOING WRONG? The .css file is in the right folder (which is why some of it works), but parts of it (not only the INBOX) are refractory to all my attempts. Help, please!

Modified by faure212