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 can I adjust size of 'close tab' button?

  • 5 replies
  • 5 have this problem
  • 187 views
  • Last reply by Gin.Fuyou

more options

I'm using 12.5" fullhd touch laptop and close tab button so small that it's real pain to hit. I need it at least 4 times larger for somewhat comfortable touch navigation. Add-ons and CSS is OK. Windows 8, Firefox 20, also tried Aurora

I'm using 12.5" fullhd touch laptop and close tab button so small that it's real pain to hit. I need it at least 4 times larger for somewhat comfortable touch navigation. Add-ons and CSS is OK. Windows 8, Firefox 20, also tried Aurora

Chosen solution

ok, as an alternative you can also try customizing the interface through the userChrome.css file which lets you tweak nearly every element of the UI - for some general info on that file see: http://kb.mozillazine.org/index.php?title=UserChrome.css

you could put in the following code into the file to double the size (& quadruple the surface of the tab-close-buttons):

.tab-close-button *
{
 width: 32px !important;
 height: 32px !important;
}
Read this answer in context 👍 3

All Replies (5)

more options

hello, the developers are working on a touch-optimized version of the browser for metro. i think the current nightly builds will contain the new interface:

http://nightly.mozilla.org/

https://hacks.mozilla.org/2013/02/webrtc-enabled-h-264mp3-support-in-win-7-on-by-default-metro-ui-for-windows-8-more-firefox-development-highlights/

Modified by philipp

more options

Thank you, tried it right away. It really much better regarding my issue, by I prefer classic desktop version. I often use online manuals running IDE/editor and browser windows side to side and screen splitting by win8 didn't seem to me very nice for that purpose. If there is a method for tweaking desktop FF I would rather try that. If there is none, well I think I'll see more of metro ui version.

more options

Chosen Solution

ok, as an alternative you can also try customizing the interface through the userChrome.css file which lets you tweak nearly every element of the UI - for some general info on that file see: http://kb.mozillazine.org/index.php?title=UserChrome.css

you could put in the following code into the file to double the size (& quadruple the surface of the tab-close-buttons):

.tab-close-button *
{
 width: 32px !important;
 height: 32px !important;
}
more options

In the ancient days of Firefox 1, a button to close the current tab appeared at the far right end of the tab bar instead of on the individual tab. If you need a much bigger button, and you find that too much of the page title is crowded out by having the button on the tab, you could switch to the old style so your wider/taller button doesn't impinge. My old page on the setting to change is here if you're interested: http://jeffersonscher.com/FxPrefs/tabClose.html.

more options

philipp, thank you, it is just what I wanted! Button is large and works nicely.

Now I think I'll do more googling on customizing it's looks. ^__^