Avatar for Username

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

Mulongo oyo etiyamaki na archive. Tuna motuna mosusu soki osengeli na lisalisi

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

  • 2 biyano
  • 10 eza na bankokoso oyo
  • 1 view
  • Eyano yasuka ya ttiot

Emily_LJ
Emily_LJ
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)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
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;
}
ttiot
ttiot
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.