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

remove intergrated buttons in the url bar

  • 7 replies
  • 1 has this problem
  • 1 view
  • Last reply by cor-el

more options

As indicated in attached image. I use the classic theme restorer to place large textual buttons on the left side, and don't wish to see the rest of these elements.

As indicated in attached image. I use the classic theme restorer to place large textual buttons on the left side, and don't wish to see the rest of these elements.

All Replies (7)

more options

attachment failed in OP

more options

attachment failed again

more options

Hi, sorry you are stuck with looking at those. Is beyond capabilities of any code or about:config to change those. Security and info to the left can not be changed though it maybe possible to change the colour if the padlock, not easy. To the right unless your version has Customize in it then the refresh can not be moved off. The Show History in higher versions goes transparent but I guess not in yours. So for now there is no choice. Note : Firefox esr will be at version 60 by July at be Quantum based so will have a chance then.

Not sure if on the esr release as only shows ver 52 here as no info was sent.

more options

Hi actually Firefox esr is at version 60.0.0 now as well as 52.8.0esr https://www.mozilla.org/en-US/firefox/organizations/all/ there is a toggle to the right near page top to switch between the 2 versions.

more options

Why would you want to remove/hide these icons?

The combined combined Stop/Reload/Go button at the at the right end of the location bar is useful to see whether the page has been fully loaed and allows to reload the page. The Control Center 'i' icon provides some security related information, so you can see if there is a problem with the page. There can be more icond in that container at the at the left end of the location bar like the shield icon used for the Tracking Protection feature.

You can hide this content with code in userChrome.css or make them only visible when you hover the location bar.

more options

Normally the little downward-pointing triangle is hidden until you mouse over the address bar, so at least that one isn't too much of a visual hazard. If you never use that triangle, this custom style rule should hide it (I have not tested Firefox 52 recently):

 .urlbar-history-dropmarker {
   display:none !important;
 }

As noted earlier, you apply custom style rules to Firefox's user interface area using a userChrome.css file.

For Firefox before 57: You also can use the legacy version of the Stylish extension, which you may find easier to set up. Get version 2.11 or earlier from this page:

https://addons.mozilla.org/firefox/addon/stylish/versions/

more options

Note that is you now get acquainted with userChrome.css then swtiching to a more recent release will be a lot easier.

The most important change in current Firefox releases are the use of the three-dot Page action menu and its dedicated container currently at the right end of the location bar, but will be moved to the left end as well in later releases.

Code from Jscher2000 to hide the identity labels: Add code to the userChrome.css file below the default @namespace line.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Hide Extension Name in the identity area */
#identity-box.extensionPage #identity-icon-labels {display:none!important;}
#identity-box.verifiedIdentity #identity-icon-labels {
  visibility: collapse !important; transition: visibility 250ms ease-in-out;
}
#identity-box.verifiedIdentity:hover #identity-icon-labels {
  visibility: visible !important; transition: visibility 250ms ease-in-out 500ms;
}

It is not that difficult to create userChrome.css if you have never used it.

The first step is to open the "Help -> Troubleshooting Information" page and find the button to access the profile folder.

You can find this button under the "Application Basics" section as "Profile Folder -> Open Folder". If you click this button then you open the profile folder in the Windows File Explorer. You need to create a folder with the name chrome in this folder (name is all lowercase). In the chrome folder you need to create a text file with the name userChrome.css (name is case sensitive). In this userChrome.css text file you paste the text posted.

In Windows saving the file is usually the only time things get more complicated because Windows can silently add a .txt file extension and you end up with a file named userChrome.css.txt. To avoid this you need to make sure to select "All files" in the dialog to save the file in the text editor using "Save File as".

You need to close and restart Firefox when you create or modify the userChrome.css file.

Modified by cor-el