
Is there a way to remove the site information that gets displayed next to the "i" in the address bar?
I have release 67.0.4 on Windows 10. Sometimes the site information is so long that it obliterates the URL. For example in the attached screenshot the URL https://booking.supershuttle.com/ is preceded by SUPERSHUTTLE INTERNATIONAL all capitalized. I find that very annoying.
Chosen solution
You can hide this label with code in userChrome.css. You can also consider to add code to collapse the page actions and only leave the star
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 */ /* Site Identity Button, EV: hide label */ #identity-box.verifiedIdentity {background-color:#cfd !important} #identity-box.verifiedIdentity #identity-icon-labels {display:none !important} #identity-box.verifiedIdentity:hover #identity-icon-labels {display:-moz-box !important} /* PAGE-ACTION - hide separator, show button after 1-sec hover */ #pageActionSeparator, #star-button-animatable-image {display: none !important} #page-action-buttons image:not(#star-button) { width: 0 !important; transition: all 1s ease-in-out; padding: 0px !important; } #page-action-buttons:hover image:not(#star-button) { width: 24px !important; transition: all 1s ease-in-out 1s; padding: 4px !important; }
- https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
All Replies (4)
Chosen Solution
You can hide this label with code in userChrome.css. You can also consider to add code to collapse the page actions and only leave the star
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 */ /* Site Identity Button, EV: hide label */ #identity-box.verifiedIdentity {background-color:#cfd !important} #identity-box.verifiedIdentity #identity-icon-labels {display:none !important} #identity-box.verifiedIdentity:hover #identity-icon-labels {display:-moz-box !important} /* PAGE-ACTION - hide separator, show button after 1-sec hover */ #pageActionSeparator, #star-button-animatable-image {display: none !important} #page-action-buttons image:not(#star-button) { width: 0 !important; transition: all 1s ease-in-out; padding: 0px !important; } #page-action-buttons:hover image:not(#star-button) { width: 24px !important; transition: all 1s ease-in-out 1s; padding: 4px !important; }
This worked for me. Not easy to find the profile but with a little determination you can succeed. It is the folder with a weird name under appdata/roaming/mozilla/firefox/profiles. Under that folder with a weird name (mine starts with 2u...) create a folder named chrome. Inside chrome create a file named userChrome.css Inside this file copy the code @namespace url etc etc (see above) all the way to the } I will post this on facebook because just about everybody i asked would like the same thing.
Some EV labels can be quite long and take up unnecessary space. I'm using code like this for quite some time.
If you know what to look for :wink: ->
Note that you can use the button on the "Help -> Troubleshooting Information" (about:support) page to go to the current Firefox profile folder or use the about:profiles page.
- Help -> Troubleshooting Information -> Profile Directory:
Windows: Show Folder; Linux: Open Directory; Mac: Show in Finder
This is the full label and is even truncated by Firefox showing the ellipsis.
- SUPERSHUTTLE INTERNATIONAL, INC.
If you prefer not to see faded text and some other annoyances:
/* TAB - faded text */ .tab-label-container[textoverflow]:not([pinned]) {mask-image: unset !important} /* URLBAR - faded text */ #urlbar[textoverflow] .urlbar-input {mask-image: unset !important} /* BOOKMARK EDIT - Hide Thumbnail and Favicon */ *|div#editBookmarkPanelFaviconContainer, #editBookmarkPanelFaviconContainer, #editBookmarkPanelImage { display: none !important; } /* DOWNLOAD progress - 5px */ #downloads-button[progress] > #downloads-indicator-anchor > #downloads-indicator-progress-outer { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3crect x='1' y='12' width='14' height='4' stroke='%23333' fill='%23fff' stroke-width='1' /%3e%3c/svg%3e") center no-repeat !important; } #downloads-indicator-progress-inner { background: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3e%3crect x='1' y='12' width='14' height='4' stroke='%230a84ff' fill='%230a84ff' stroke-width='1' /%3e%3c/svg%3e") left no-repeat !important; }