X
Tap here to go to the mobile version of the site.

Support Forum

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

Posted

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.
Quote

Additional System Details

Application

  • User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.14; rv:68.0) Gecko/20100101 Firefox/68.0

More Information

Ballison
  • Top 25 Contributor
  • Administrator
14 solutions 81 answers

Helpful Reply

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.

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

Was this helpful to you? 1
Quote

Question owner

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

This looks right, will report back when I am in physically back in the same room with that computer.
Was this helpful to you?
Quote
Ask a question

You must log in to your account to reply to posts. Please start a new question, if you do not have an account yet.