This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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

how to hide extra text and icons in address bar

  • 9 replies
  • 1 has this problem
  • 6 views
  • Last reply by cor-el

more options

I want to make the icons and extra text in the address bar go away since they do nothing for me and only take up space that I need to use to see the whole URL. Right now there's a green padlock icon on the left side with 1/4 of the space taken up by "Mozilla Foundation (US)" instead of the URL, other times it's a little globe or a little lego/car battery looking thing, or several icons in a row. There's a permanent star shaped thingy on the left and a down arrow that want to get rid of as well. I don't care at all what they mean, I just want them gone. I need to see as much of the URL in the URL bar as possible, not a bunch of icons and extra non-URL text. The address bar should be for addresses, and that's how I want my browser to function. I don't care one single bit what those icons or extra text are for, so please don't try to advocate for their staying. I've made up my mind 100% that I want them gone. Can I make them go away, yes or no?

I want to make the icons and extra text in the address bar go away since they do nothing for me and only take up space that I need to use to see the whole URL. Right now there's a green padlock icon on the left side with 1/4 of the space taken up by "Mozilla Foundation (US)" instead of the URL, other times it's a little globe or a little lego/car battery looking thing, or several icons in a row. There's a permanent star shaped thingy on the left and a down arrow that want to get rid of as well. I don't care at all what they mean, I just want them gone. I need to see as much of the URL in the URL bar as possible, not a bunch of icons and extra non-URL text. The address bar should be for addresses, and that's how I want my browser to function. I don't care one single bit what those icons or extra text are for, so please don't try to advocate for their staying. I've made up my mind 100% that I want them gone. Can I make them go away, yes or no?

All Replies (9)

more options

Check out this article. You can easily customise what appears in the Firefox toolbar by opening the Firefox menu and selecting "Customise" at the bottom.

more options

I know how to move around the items in the toolbar. It's the ADDRESS bar that I'm trying to change. Again, there are icons and non-URL text INSIDE the address bar that I want to get rid of. Your solution merely moves the address bar around, it has zero effect on the icons and text within the address bar.

more options

Additionally, when you remove the "location" part of the address bar then it stops showing the URL completely, as well as replaces the "location" icon with yet another icon and replaces the star on the right with a magnifying glass. The solution I want, again, involves having only the plain text of the URL in the address bar, no other icons, text, etc.

more options

Ah, got you now. I'd recommend checking out Stylish, which lets you customise the browser's chrome using CSS. I've had a quick look at userstyles.org for something that does what you want, but I can't find anything which achieves what you want, so you might have to roll up your sleeves and have a play with some custom CSS.

more options

I have Stylish to fix other poorly though out changes that FF has made over the years. But it seems really silly that it would be impossible to change something as simple as what appears in the address bar. Its already frustrating that I can't even get rid of the green padlock and 1/4 of the address bar that "Mozilla Foundation (US)" takes up without completely losing the URL. It's literally blank as I browse with that icon removed. Plus, when you remove it, it replaces itself with another icon. Why in the heck is it sticking icons in a place reserved for text in the first place? Why can't these icons be moved at least outside the address bar?

more options

dumbie said

But it seems really silly that it would be impossible to change something as simple as what appears in the address bar.

It's not impossible. The elements in the address bar can be customised just like almost every other element of the Firefox interface. For example you can target the site identity information by using selector #identity-box in Stylish. #identity-box { display:none; } therefore hides this element.

more options

So at first you said there's no way to do this, then you say using Stylish and some prewritten scripts it would be possible but there's not any scripts for it, and now you're giving me what appears to be the solution. Why didn't you just give me the solution first? And to be real, all that stuff you're talking about is Greek to me. I'm not a programmer, a coder, or any of that stuff. I'm a normal person who just wants less user friction in my browsing experience-- like being able to see the URL. The only reason I ended up with Stylish is that I spent two days wasting my time on this support area before some random other website suggested I try using Stylish to regain a useful item FF has thrown away, and went ahead and did it out of sheer desperation. I don't know what CSS is and I don't know what Stylish actually does and I have no clue what it means to "target site identity information"-- its just computer people jargon that helps normal people like me not at all. If there isn't a simple setting change, then I'm over it. Guess I'll join the masses and just put up with a browser that constantly frustrates me.

more options

I simply misunderstood your question at first. I'm not an expert with the Firefox chrome myself, but hopefully someone else can chime in and give some additional pointers. Good luck resolving your issue.

more options

I use code to hide the URL in case of a EV certificate and only show it on hover. You still see the green padlock. That gives me extra space on the location bar

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 */

#identity-box #identity-icon-labels {display:none}
#identity-box:hover #identity-icon-labels {display:-moz-box}

The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.


You can also add some background color.

/* Site Identity Button background */
#urlbar[pageproxystate="valid"] #identity-box.verifiedDomain *{
  background-image: -moz-linear-gradient(hsl(215,60%,92%), hsl(215,58%,88%))!important;
  box-shadow: 0 1px 0 hsla(215,54%,33%,.05) inset!important;
  -moz-border-end-color: hsla(215,54%,33%,.2)!important;
  color: hsl(215,54%,33%)!important;
}

#urlbar[pageproxystate="valid"] #identity-box.verifiedIdentity *{
  background-image: -moz-linear-gradient(hsl(91,70%,90%), hsl(93,60%,81%))!important;
  box-shadow: 0 1px 0 hsla(92,81%,16%,.05) inset!important;
  -moz-border-end-color: hsla(92,81%,16%,.2)!important;
  color: hsl(92,81%,16%)!important;
}

Modified by cor-el