Tag Archives: Marketing

How to Kill (Hide) Status Bar in Firefox (without Add-Ons)

If you are taking screenshots for marketing collateral or grabbing the video for your next show and tell, there is nothing more annoying than the status bar that displays at the bottom of your Firefox window.  The status bar causes a loss of professionalism and must die! Ok that was a little overdramatic, but seriously folks, it looks better without right?

Remove Status Bar

status bar gone.png

With the following simple steps, you can be a magician as well! I came across these steps from a variety of sources, and for your convenience, I merged them together. The secret sauce is the creation (or edit of) your userChrome.css file (http://kb.mozillazine.org/UserChrome.css).

NOTE: Following steps are using Firefox 40 but are valid for older versions as well.

  1. Open Firefox.
  2. Click on the menu hamburger in top right menuhamburgerfirefox.png and then click on the ? mark icon questionfirefox
  3. Now select Troubleshooting Information 
    troubleshootigninformationfirefox
  4. Locate Profile Folder under Application Basics and click Show Folder to display your local folder in your file system.
    profileshowfolderfirefox
  5. In the folder shown, see if a folder called chrome exists, if not create the folder:
    createchromfolderfirefox
  6. Look inside chrome folder and create a userChrome.css file
    • To create a CSS extension, enable File name extensions under the View tab of your file explorerFilextensionsfirefox
    • File is case sensitive, so properly name it.
  7. Open the file in a text editor and add the following lines:@namespace url(“http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”); /* only needed once */

    statuspanel { display:none!important; }

    • If the file already exists, search for statuspanel to see if that line exists. If not, add just that line, as the @namespace should already exist in the file.

Restart Firefox, and poof, the bar is now gone! If you want to add extra layer of magic, you can define which cases to display the bar and hide the bar by inserting the below lines instead:

/* only hide some messages */
#statusbar-display[label^=”Looking”] { display:none !important; } #statusbar-display[label^=”Connect”] { display:none !important; } #statusbar-display[label^=”Waiting”] { display:none !important; } #statusbar-display[label^=”Transfer”] { display:none !important; }

NOTE: After some searching, it appears that the same capability is not possible in Google Chrome as their position is that it opens a security risk to hide the URL (unconfirmed position 😉 )

Advertisements