Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

Fungovanie tejto stránky je z dôvodu údržby dočasne obmedzené. Ak článok nevyrieši váš problém a chcete položiť otázku, napíšte našej komunite podpory na Twitter @FirefoxSupport alebo Reddit /r/firefox.

Vyhľadajte odpoveď

Vyhnite sa podvodom s podporou. Nikdy vás nebudeme žiadať, aby ste zavolali alebo poslali SMS na telefónne číslo alebo zdieľali osobné informácie. Nahláste prosím podozrivú aktivitu použitím voľby “Nahlásiť zneužitie”.

Ďalšie informácie

How to resize Firefox add-on name

  • 8 odpovedí
  • 1 má tento problém
  • 1 zobrazenie
  • Posledná odpoveď od DavidCal

more options

Some add-on names are too large on the FF 31 toolbar (top). How can I change name or re-size the icons?

Some add-on names are too large on the FF 31 toolbar (top). How can I change name or re-size the icons?

Vybrané riešenie

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.

Čítať túto odpoveď v kontexte 👍 0

Všetky odpovede (8)

more options

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.

more options

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.

more options

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.

more options

Type about:customizing in the address bar and press Enter. On the bottom, select Buttons = Small, Mode = Icons.

more options

Thanks, Fred, but that eliminates the text label on the icon. I need the text. Too many icons to remember without it.

more options

Vybrané riešenie

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.

Upravil(a) cor-el dňa

more options

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.
more options

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.