Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Moving dot on loading tab has to die. How do I kill it again?

  • 2 replies
  • 0 have this problem
  • 22 views
  • Last reply by Foxfree99

more options

I don't even know what to call the distracting thing that is so distracting and distressing. How do I KILL it again? Not replace with other moving spinny blinky sparkly thing, but KILL it.

I don't even know what to call the distracting thing that is so distracting and distressing. How do I KILL it again? Not replace with other moving spinny blinky sparkly thing, but KILL it.

All Replies (2)

more options

Hi Foxfree99,

To change this you will need to create and/or edit your userChrome.css file. Please follow these steps very carefully.

  • Type about:config into your address bar and hit enter. Promise to be careful and proceed. Type into the search bar on this page, toolkit.legacy, and find a setting named toolkit.legacyUserProfileCustomizations.stylesheets. Ensure this is set to true. If it is not, click the toggle button on the far right side to change it to true.
  • Now type about:support into your address bar and hit enter. About halfway down the blue column along the left side of the page, you'll see Profile Folder. To the right of that is an Open Folder button, go ahead and click on it.
  • A windows explorer window should pop up showing you your profile folder. Look in here for a folder titled, chrome, and go into it. If you do not see this folder, create a new folder and name it chrome (note the all lowercase letters).

(If you already have a userChrome.css file, ignore creating a new one and instead add to the existing file). Once you are in the chrome folder, right click > New > Text Document, and click into your new text document. Copy and paste the following into your text document:

.tab-throbber { display: none !important; } .tab-icon-image { visibility: show !important; display: block !important;} .tabbrowser-tab[progress="true"] .tab-icon-image {opacity:0.45; filter: blur(1px);} .tab-loading-burst[bursting]::before { background-image: none !important; }

  • Now click on File in the top left, then Save As. For the file name, type in exactly userChrome.css, note that the case must match that exactly (all lowercase except for the 'C' in Chrome). Underneath the File Name, change the Save as Type to All Files, and click Save in the bottom right.
  • Now restart Firefox and it will load with your custom css file that will get rid of the loading dots on the tops of tabs. An easy way to restart is to go to about:profiles and click the Restart Normally button in the top right corner of the page.

As this is a bit of a long process, let me know if you run into any issues so we can get this fixed for you.

Modified by Ballison

more options

This looks right, will report back when I am in physically back in the same room with that computer.