How do I hide everything except text in tabs?
Hello -
I have searched this topic and found several possible answers, but none of them seem to fully address my problem. In FF 16, how do I remove everything except text from my tabs? I don't want the activity indicator, the website icon, or even the little empty box/placeholder - just the title/text.
Thanks in advance!
Michael
Chosen solution
What have you tried so far?
Various elements of the UI can be hidden using style rules, either in userChrome.css or with the Stylish extension.
Taking a very quick look, and not having actually tested this, you might want to hide these things:
/* Load progress indicator */
.tab-throbber{display:none !important;}
/* Site favicon */
.tab-icon-image{display:none !important;}
/* "X" button to close tab */
.tab-close-button{display:none !important;}
Read this answer in context
👍 0
All Replies (5)
Chosen Solution
What have you tried so far?
Various elements of the UI can be hidden using style rules, either in userChrome.css or with the Stylish extension.
Taking a very quick look, and not having actually tested this, you might want to hide these things:
/* Load progress indicator */
.tab-throbber{display:none !important;}
/* Site favicon */
.tab-icon-image{display:none !important;}
/* "X" button to close tab */
.tab-close-button{display:none !important;}
OK, this is really odd - I can't find the userchrome.css file anywhere. I looked in the FF AppData folder, I looked in the programs folder, I did a search of my entire C drive, and nothing. Has there been a change in FF 16 for XP? Where should that file be?
Oh, hang on - I need to create it, don't I? It's been a while since I've had to start over with a fresh version of FF....
Modified by mdlark1966
Yup, the first two did the trick! Thanks for refreshing my memory!
Note that you can hide the tab close button with the browser.tabs.closeButtons pref set to 2
You may want to consider to use the :not([pinned]) selector to have at least the icon on pinned tabs
.tab-icon-image:not([pinned]),
.tab-throbber:not([pinned]) {
display:none!important;
}
Cool! Thanks!