cancel
Showing results for 
Search instead for 
Did you mean: 

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

SOLVED
Highlighted
New Contributor

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

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!

1 ACCEPTED SOLUTION

Accepted Solutions
Site Moderator

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

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.

5 REPLIES
New Contributor

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

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.

Site Moderator

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

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.

New Contributor

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

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

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

Site Moderator

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

You're welcome

New Contributor

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

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/