How do I make the back button and X buttons on tabs bigger?
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)
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;
}
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.