This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

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

  • 2 replies
  • 10 have this problem
  • 1 view
  • Last reply by 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!

All Replies (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.