hi, try to put a "#" in front of statuspanel & statuspanel-label

See next reply...

Actually, previous reply was incorrect:

This is what I see in the code of Firefox 61:

When hovering over a link:

<hbox id="statuspanel" type="overLink">
  <hbox id="statuspanel-inner">
    <label id="statuspanel-label" role="status" value="https://support.mozilla.org/en-US/"/>
  </hbox>
</hbox>

While page is loading:

<hbox id="statuspanel" type="status">
  <hbox id="statuspanel-inner">
    <label id="statuspanel-label" role="status" value="Transferring data from static-media-prod-cdn.sumo.mozilla.net…"/>
  </hbox>
</hbox>

There are probably other types of messages

There was an extra . in your code. This should work:

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] #statuspanel-label {
  display: none !important;
}

EFJH1127 said

Thank you for your detailed response! However, the status panel is still visible with the code you provided.

Do all the other rules in your userChrome.css file work?

You could try removing #statuspanel-label, which would yield:

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] {
  display: none !important;
}

Or is the problem that it is incomplete and you see other kinds of messages?

In regard to the updated code in my original post, I copied that from a chosen solution in this forum.

Well, that was six months ago...

To hide the link destination when you hover a link, you can add a second rule:

/* Suppress Connecting/Waiting/Reading/Transerring */
#statuspanel[type="status"] {
  display: none !important;
}
/* Suppress Link Destination Overlay */
#statuspanel[type="overLink"] {
  display: none !important;
}

(Those can be combined, but so it's clearly documented what each does, I suggest keeping them separate.)

You're a smart guy, jscher2000! Thank You!

See also my reply here:

• https://support.mozilla.org/en-US/questions/1186444#answer-1098865

My solution for fullscreen Videos is simple:

window[inFullscreen="true"] #statuspanel { bottom: 0px !important; /* adjust*/ height: 0px !important; /* adjust */ }

Just put in your .css and you've no status bar in videos.