We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Thunderbird not readung UserChrome.css

  • 1 baphendule
  • 1 inale nkinga
  • 1 view
  • Igcine ukuphendulwa ngu Matt

Quisquose
Quisquose
more options

I'm using Thunderbird v42.5.0 and I want to make an adjustment to the width of the search input box on the toolbar (to make it a bit narrower so that my other toolbar buttons fit correctly).

I installed DOM inspector to locate the ID of the search box (#gloda-search). I created a userChrome.css file with the header @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); and then added a simple rule to set the width of the #gloda-search element and added !important to make sure it was applied. I then placed the css file into the chrome sub-folder in my Thunderbird profile folder.

However, Thunderbird does not apply the change.

As a test, I downloaded the Stylish extension, and I applied the exact same code that was in my userChrome.css file to a Sylish script. As soon as I pressed the 'Preview' button in Stylish, my change took effect exactly as planned. I therefore know that there is nothing wrong with my script, and that instead it's something to do with Thunderbird not finding or not applying the userChrome.css file. I've checked the location again and it's correctly placed, so I don't know why Thunderbird will not apply the change.

This single adjustment of the search box width is the only change that I intend to make to Thunderbird using css, so I don't want to have to keep the Stylish extension installed just to be able to run one short line of code. I'd therefore rather just put it in a text file.

Can anyone tell me why Thunderbird is not applying the CSS?

I'm using Thunderbird v42.5.0 and I want to make an adjustment to the width of the search input box on the toolbar (to make it a bit narrower so that my other toolbar buttons fit correctly). I installed DOM inspector to locate the ID of the search box (#gloda-search). I created a userChrome.css file with the header @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); and then added a simple rule to set the width of the #gloda-search element and added !important to make sure it was applied. I then placed the css file into the chrome sub-folder in my Thunderbird profile folder. However, Thunderbird does not apply the change. As a test, I downloaded the Stylish extension, and I applied the exact same code that was in my userChrome.css file to a Sylish script. As soon as I pressed the 'Preview' button in Stylish, my change took effect exactly as planned. I therefore know that there is nothing wrong with my script, and that instead it's something to do with Thunderbird not finding or not applying the userChrome.css file. I've checked the location again and it's correctly placed, so I don't know why Thunderbird will not apply the change. This single adjustment of the search box width is the only change that I intend to make to Thunderbird using css, so I don't want to have to keep the Stylish extension installed just to be able to run one short line of code. I'd therefore rather just put it in a text file. Can anyone tell me why Thunderbird is not applying the CSS?

All Replies (1)

Matt
Matt
  • Moderator
  • Top 10 Contributor
more options

I am not sure why this effort. When I drop more things on the toolbar that fit, the search box simply shrinks to fit

This code is simply to change the font colors in the main three pane view.

I have it working on my machine and it makes new mail red The objective, see if the file is being read or the CSS not applied.

treechildren:-moz-tree-cell-text(unread) { color: #D50000 !important; }