How to hide extra text and icons in address bar

Question

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?

Answer 1

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 <b>userChrome.css</b> file below the default @namespace line.
*http://kb.mozillazine.org/userChrome.css
<pre><nowiki>@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}
</nowiki></pre>
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the <b>chrome</b> folder in the Firefox profile folder.
*http://kb.mozillazine.org/Editing_configuration
You can also add some background color.
<pre><nowiki>/* 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;
</nowiki></pre>