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!

Sykje yn Support

Mij stipescams. Wy sille jo nea freegje in telefoannûmer te beljen, der in sms nei ta te stjoeren of persoanlike gegevens te dielen. Meld fertochte aktiviteit mei de opsje ‘Misbrûk melde’.

Mear ynfo

Dizze konversaasje is argivearre. Stel in nije fraach as jo help nedich hawwe.

How do I make the back button and X buttons on tabs bigger?

  • 2 antwurd
  • 10 hawwe dit probleem
  • 1 werjefte
  • Lêste antwurd fan ttiot

more options

How do I make the back button and X buttons on tabs bigger? I have a wide screen, so everything is appearing very small. I have downloaded an add-on to make my font bigger, and I have customized the toolbar to be regular size icons, not small icons. I have also chosen icons + text, but all the icons are still too small for me, especially the back/forward buttons, the X buttons on tabs, and my pinned websites icons. How do I make these larger? Thank you!

How do I make the back button and X buttons on tabs bigger? I have a wide screen, so everything is appearing very small. I have downloaded an add-on to make my font bigger, and I have customized the toolbar to be regular size icons, not small icons. I have also chosen icons + text, but all the icons are still too small for me, especially the back/forward buttons, the X buttons on tabs, and my pinned websites icons. How do I make these larger? Thank you!

Alle antwurden (2)

more options

You can try code like this in the userChrome.css file.

The customization files userChrome.css (interface) and userContent.css (websites) are located in the chrome folder in the user profile folder.


@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* only needed once */

/* Tab bar: close button */
.tab-close-button .toolbarbutton-icon,
.tabs-closebutton .toolbarbutton-icon {
 height: 25px !important;
 width: 25px !important;
 margin: -4px 0px !important;
}

#nav-bar toolbarbutton > .toolbarbutton-icon,
#personal-bookmarks toolbarbutton.bookmark-item > .toolbarbutton-icon {
 height: 32px !important;
 width: 32px !important;
}
more options

That worked fine but it also made the Navigation Bar buttons bigger so I removed the #nav-bar code and that was perfect, thanks a mil!

How to get the code above to work. Install ChromEdit Plus (it's FREE) addon for Firefox http://webdesigns.ms11.net/chromeditp.html, it installs under Tools on the menu bar, open ChromEdit and copy and paste his code in userChrome.css, save and restart Firefox.