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.

Avatar for Username

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ää

Ketju on arkistoitu. Esitä kysymys, jos tarvitset apua.

How do I reduce the width of pinned tabs in Firefox?

  • 5 vastausta
  • 2 henkilöllä on sama ongelma
  • 1 näyttö
  • Viimeisin kirjoittaja NeedHelp

ApersoninDC
ApersoninDC
more options

I would like to reduce the size--specifically the width--of tabs that I have pinned.

Although they are small, I have many of them, so it leaves little room for the remaining unpinned tabs.

What is the easiest way to reduce the width of the pinned tabs?

Thanks.

I would like to reduce the size--specifically the width--of tabs that I have pinned. Although they are small, I have many of them, so it leaves little room for the remaining unpinned tabs. What is the easiest way to reduce the width of the pinned tabs? Thanks.

Kaikki vastaukset (5)

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Hmm, there might be an easier way, but here's one way: create a custom style rule to style those tabs. This is an example: 

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
.tab-content[pinned="true"]:not([selected="true"]) { /* Space next to icon */
    padding-left: 3px !important;
    padding-right: 3px !important;
}
.tab-background[pinned="true"]:not([selected="true"]) {
    display: none !important;
}

The result is illustrated in the attached "before and after" screen shot. Is this along the lines you want?

You can apply custom style rules to Firefox's user interface either by using the Stylish extension or by creating/editing a userChrome.css file. Personally I tend to use Stylish because it is fast to tweak and preview changes when editing a rule.

ApersoninDC
ApersoninDC Kysymyksen kysyjä
more options

JScher,

Thank you for the solution, and the detailed reply.

I tried this, using the Stylish extension.

It did indeed reduce the size of the pinned tabs, as intended.

However, these tabs were no longer functional--when you click on them, nothing happens.

I tried increasing the px to 5 but same result.

Any thoughts?

Thanks very much for your help.

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

How many pinned tabs do you have?

It is more common to reduce the minimum width of unpinned tabs to have more fit on the tab bar.

jscher2000 - Support Volunteer
jscher2000 - Support Volunteer
  • Top 10 Contributor
more options

Hi ApersoninDC, sorry about that. I must not have tested again after adding the second rule, which suppresses the background. Allowing the background makes the tabs larger and they work. So finding a way to shrink the background without supressing it completely would be the logical next step. Until then, delete those last 3 lines.

NeedHelp
NeedHelp
more options

thankyou jscher2000. just what i was looking for. i used the above, scrpt in the add-on minus the last 3 lines. the result works-- thankyou! thankyou! --- visually not brilliant to look at as the icon of the tab is hard left to edge (on left) and some space on the right. it would be nicer visually if the icon of the pinned tab was centred.

but I changed the left hand side padding to 7px. it centres. (nice preview function of the add-on). does not make sense to me, but it worked!

Muokattu , muokkaaja NeedHelp