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

Convert old CSS snippet to 115

  • 1 reply
  • 0 have this problem
  • 1 view
  • Last reply by markc

more options

I used to use something like this to reduce the fontsize and remove bold from the folder items...

   #folderTree > treechildren::-moz-tree-cell-text {
     font-size: 75% !important;
     font-weight: normal !important;
   }

I've looked through this file and tried a few likely options but nothing seems to work...

https://searchfox.org/comm-esr115/source/mail/themes/shared/mail/folderPane.css

Would anyone have a suggestion as to how to convert the above snippet from the old CSS scheme to 115?

Actually, I would also like to change what is bolded in the folder pane to blue (unbold) like the next example for the message thread pane which does work in 115...

   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
     font-weight: normal !important;
   }
I used to use something like this to reduce the fontsize and remove bold from the folder items... #folderTree > treechildren::-moz-tree-cell-text { font-size: 75% !important; font-weight: normal !important; } I've looked through this file and tried a few likely options but nothing seems to work... https://searchfox.org/comm-esr115/source/mail/themes/shared/mail/folderPane.css Would anyone have a suggestion as to how to convert the above snippet from the old CSS scheme to 115? Actually, I would also like to change what is bolded in the folder pane to blue (unbold) like the next example for the message thread pane which does work in 115... #threadTree tbody [data-properties~="unread"] { color: #5FAFFF !important; font-weight: normal !important; }

Modified by markc

Chosen solution

This brute force approach mostly solves the issue. I've used this first "global" snippet for years to get rid of ALL the ugly borders (thank goodness it works) so I added the font-weight line here as well and it also works. The second section just adds color to what was bold unread messages in the message list column. Just checking again and this will certainly do and is a much cleaner look n feel... no bold fonts and no borders. My TB is beautiful again :-)

   * {
     border-style: none !important;
     border-width: none !important;
     font-weight: normal !important;
   }
   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
   }
Read this answer in context 👍 1

All Replies (1)

more options

Chosen Solution

This brute force approach mostly solves the issue. I've used this first "global" snippet for years to get rid of ALL the ugly borders (thank goodness it works) so I added the font-weight line here as well and it also works. The second section just adds color to what was bold unread messages in the message list column. Just checking again and this will certainly do and is a much cleaner look n feel... no bold fonts and no borders. My TB is beautiful again :-)

   * {
     border-style: none !important;
     border-width: none !important;
     font-weight: normal !important;
   }
   #threadTree tbody [data-properties~="unread"] {
     color: #5FAFFF !important;
   }

Modified by markc