Tag Archives: Marketing

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

**UPDATE #2**

OK so I did some research and now updated my blog to work with FF 56 and 57, sorry for delay!

**UPDATE**

Sadly the below trick has stopped working with newer versions of Firefox. I’ll look into another method (without Add-Ons) and update when I find a solution ūüôā¬† Thanks to my readers for letting me know!

**Support for 56 & 57**

First off, where are we with FF 57? Are we believers again? I was originally a¬†heavy IE user which was due to my focus on SharePoint and it worked horribly in any other browser. Then I moved to Chorme¬†(as many). Now with FF 57, I have found a huge improvement and moving back. Anyway, you are not here for that conversation, are you ūüôā I have now updated this blog to work for 56 and 57 only (sorry those who is holding out, time to upgrade I think…)

vvvvvvvvvvvvvvvvvvvvvvvvv

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

    NOTE: There is actually 2 types of Profile Folders, one that is in Local and one that is in Roaming, make sure you update  the Roaming folder!!! Looks someting like:

    C:\Users\kozlo\AppData\Roaming\Mozilla\Firefox\Profiles\jg9d0v5h.default

  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 */
    
    @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
    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.

    NOTE: yes there is two entries of the namespace. I saw conflicting details as to why two (one in quotes other not) but it works with both included, so (in poor programmer position) what’s the harm of having both?

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; }
Advertisements