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!

Avatar for Username

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

How to edit statuspanel css?

  • 2 antwurd
  • 3 hawwe dit probleem
  • 1 werjefte
  • Lêste antwurd fan 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.

Bewurke troch reuseman op

Keazen oplossing

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"}
Dit antwurd yn kontekst lêze 👍 1

Alle antwurden (2)

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

Keazen oplossing

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 Fraacheigener
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