Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

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

Wo archive tread sia. Meɖekuku bia biabia yeye ne ehia kpeɖeŋu.

How to edit statuspanel css?

  • 2 ŋuɖoɖowo
  • 3 masɔmasɔ sia le wosi
  • 37 views
  • Nuɖoɖo mlɔetɔ 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.

reuseman trɔe

Ŋuɖoɖo si wotia

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"}
Xle ŋuɖoɖo sia le goya me 👍 1

All Replies (2)

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

Ɖɔɖɔɖo si wotia

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 Biabia la
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