X
Tap here to go to the mobile version of the site.

Support Forum

What's the CSS Selector for the popup bubble when hovering on a URL?

Posted

The popup I am talking about is the one described here: https://support.mozilla.org/en-US/kb/what-happened-status-bar?esab=a&as=aaq

I have a dark theme for Firefox but this remains white. I would like to use custom CSS to turn it black with white text (ala Chrome which I just migrated from) but I cannot find the correct selector for it.

Thanks in advance!

The popup I am talking about is the one described here: https://support.mozilla.org/en-US/kb/what-happened-status-bar?esab=a&as=aaq I have a dark theme for Firefox but this remains white. I would like to use custom CSS to turn it black with white text (ala Chrome which I just migrated from) but I cannot find the correct selector for it. Thanks in advance!

Chosen solution

I use this code:

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

statuspanel {max-width:90%!important}
.statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}

Add code to the userChrome.css file below the default @namespace line.

Read this answer in context 0

Additional System Details

Installed Plug-ins

  • Next Generation Java Plug-in 10.45.2 for Mozilla browsers
  • NPRuntime Script Plug-in Library for Java(TM) Deploy
  • Shockwave Flash 11.9 r900
  • VLC media player Web Plugin 2.1.0
  • Google Update
  • Foxit Reader Plug-In For Firefox and Netscape

Application

  • User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:26.0) Gecko/20100101 Firefox/26.0

More Information

michapma 0 solutions 6 answers

Perhaps this can get you started: http://www.wikihow.com/Custom-Colorize-Firefox

You might also contact the authors of the dark theme with a request.

Perhaps this can get you started: http://www.wikihow.com/Custom-Colorize-Firefox You might also contact the authors of the dark theme with a request.
cor-el
  • Top 10 Contributor
  • Moderator
12275 solutions 113676 answers

Chosen Solution

I use this code:

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

statuspanel {max-width:90%!important}
.statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}

Add code to the userChrome.css file below the default @namespace line.

I use this code: <pre><nowiki>@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ statuspanel {max-width:90%!important} .statuspanel-label {background:#FF9!important;color:black!important;font-family:"DejaVu Sans Mono"}</nowiki></pre> Add code to the userChrome.css file below the default @namespace line. *http://kb.mozillazine.org/userChrome.css

Question owner

cor-el, Thank you! Does exactly what I need!

Solved! Lets hope this thread helps some other sod down the line!

cor-el, Thank you! Does exactly what I need! Solved! Lets hope this thread helps some other sod down the line!
cor-el
  • Top 10 Contributor
  • Moderator
12275 solutions 113676 answers

Helpful Reply

You're welcome

You're welcome
aq21 2 solutions 13 answers

Even better solution may be to use Status-4-Evar addon, that moves status label to the free space on the Add-On Bar. For me, it's the best - as the label doesn't get in the way (not convenient e.g. overlapping the last string in text field - I can't see what I type). With Status-4-Evar, statuspanel goes exactly to the right place. https://addons.mozilla.org/ru/firefox/addon/status-4-evar/

Even better solution may be to use Status-4-Evar addon, that moves status label to the free space on the Add-On Bar. For me, it's the best - as the label doesn't get in the way (not convenient e.g. overlapping the last string in text field - I can't see what I type). With Status-4-Evar, statuspanel goes exactly to the right place. https://addons.mozilla.org/ru/firefox/addon/status-4-evar/