How to resize Firefox add-on name
Some add-on names are too large on the FF 31 toolbar (top). How can I change name or re-size the icons?
Solution eye eponami
You would have to use the DOM Inspector to find the ID of each of the buttons and set a max-width to the label text (this will add an ellipsis) or provide a new label text. You can do that with code in the userChrome.css file.
Add code to the userChrome.css file below the default @namespace line.
Here is an example for the TFS changer extension:
@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #themefontsizechanger-toolbarbutton .toolbarbutton-text { visibility:collapse!important; } #themefontsizechanger-toolbarbutton:after { content:"ThemeFS"; display:-moz-box; font-size:12px; }
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
Tanga eyano oyo ndenge esengeli 👍 0All Replies (8)
Please provide a screenshot.
https://support.mozilla.org/en-US/kb/how-do-i-create-screenshot-my-problem
It is best to use a compressed image type like PNG or JPG to save the screenshot and make sure that you do not exceed a maximum file size of 1 MB.
Then use the Browse .... button below the Post a Reply text box to upload the screenshot.
Here is a link to screenshot. I removed two of the larger icons to the Customize menu screen. Would like to resize CleanPrint This Page and others that might come along.
http://i.imgur.com/RI186Uq.png
Thanks for your help.
Sorry, I am not "up to" trying to figure out how you did so many modifications. I have played with the Classic Theme Restorer and the Menu Wizard separately, but not in combination with each other. Overall that is exactly opposite how I customize Firefox. I put my efforts toward having everything accessible from the Tabstrip and the Navigation Toolbar - reducing the size of the UI, not increasing the size the UI consumes.
Type about:customizing in the address bar and press Enter. On the bottom, select Buttons = Small, Mode = Icons.
Thanks, Fred, but that eliminates the text label on the icon. I need the text. Too many icons to remember without it.
Solution eye oponami
You would have to use the DOM Inspector to find the ID of each of the buttons and set a max-width to the label text (this will add an ellipsis) or provide a new label text. You can do that with code in the userChrome.css file.
Add code to the userChrome.css file below the default @namespace line.
Here is an example for the TFS changer extension:
@namespace url("https://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */ #themefontsizechanger-toolbarbutton .toolbarbutton-text { visibility:collapse!important; } #themefontsizechanger-toolbarbutton:after { content:"ThemeFS"; display:-moz-box; font-size:12px; }
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
Ezalaki modifié
The DOM Inspector (DOMi) has a menu item (Edit > Select Element By Click) and a toolbar button "Find a node to inspect by clicking on it" (left icon on the toolbar in the DOMi).
- open the browser window in the DOMi (File > Inspect Chrome Document) and choose the first entry from the drop-down list.
- click the "Find a node to inspect by clicking on it" button and use the keyboard (Alt Tab) or the Task bar to go back to the browser window (do not click in the browser window other than the title bar).
- click that element with the mouse and keep the button pressed until you see a red border to indicate that the DOMi has located that element in the DOM tree.
Yikes, Cor-el, that's a lot more work than I can handle. There are only two icons with very long names. I can live with them. Thought there might have been an easier way to do this.
Thanks, anyway.