Mozilla VPN is currently experiencing an outage. Our team is actively working to resolve the issue. Please check the status page for real-time updates. Thank you for your patience.

Etsi tuesta

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.

Lue lisää

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

  • 2 vastausta
  • 10 henkilöllä on sama ongelma
  • 1 näyttö
  • Viimeisin kirjoittaja 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!

Kaikki vastaukset (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.