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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

How to edit statuspanel css?

  • 2 biyano
  • 3 eza na bankokoso oyo
  • 1 view
  • Eyano yasuka ya reuseman

reuseman
reuseman
more options

I want to edit the background and the text color of the Firefox's statuspanel (the little tooltip that shows in the left corner). I've used the following code in userChrome.css: 

   @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
     
   statuspanel { 
     color: #ff0000;
     background-color: #0000ff;
   }

But the text color doesn't change, while the background-color fill an empty limited space around the statuspanel, and not the statuspanel's background.

I want to edit the background and the text color of the Firefox's statuspanel (the little tooltip that shows in the left corner). I've used the following code in userChrome.css: @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); statuspanel { color: #ff0000; background-color: #0000ff; } But the text color doesn't change, while the background-color fill an empty limited space around the statuspanel, and not the statuspanel's background.

Ezalaki modifié na reuseman

Solution eye eponami

Try to use .statuspanel-label as the selector.

I usually use this code in userChrome.css: 

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

.statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}
Tanga eyano oyo ndenge esengeli 👍 1

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Solution eye oponami

Try to use .statuspanel-label as the selector.

I usually use this code in userChrome.css: 

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

.statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}
reuseman
reuseman Nkolo motuna
more options

I just want to improve the solution in case someone have this problem. Right now there is a white border around the status panel, so the final solution is something like that: 

  @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */
      
  .statuspanel-label{
     background:#FF9!important;
     border-color:#FF9!important;
     color:black!important;
     font-family:"DejaVu Sans Mono"
  }

By the way, it works great, thank you cor-el