Join the Mozilla’s Test Days event from Dec 2–8 to test the new Firefox address bar on Firefox Beta 134 and get a chance to win Mozilla swag vouchers! 🎁

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

Move Close Tab Button To Far Right And Remove From Each Individual Tab

  • 2 replies
  • 1 has this problem
  • 28 views
  • Last reply by starkzen

more options

Hi,

How do I move the close tab button off each tab and move it to the far right of the tab bar so it is next to the open new tab "+" button? and remove the 'x' from every individual tab.

This is the way I have always used FF and is extremely helpful for disability issues.

Thanks

Hi, How do I move the close tab button off each tab and move it to the far right of the tab bar so it is next to the open new tab "+" button? and remove the 'x' from every individual tab. This is the way I have always used FF and is extremely helpful for disability issues. Thanks

Chosen solution

You can hide the individual close tab buttons using a custom style rule. However, there is not a built-in way to create a new "close current tab" button at the end of the bar like in the old days. There is an add-on to create a Close Tab Button on the main toolbar, and you can move it to the tab bar. So putting those two things together...

Hiding the Close Tab buttons

To apply custom style rules to Firefox's user interface area, you need to create a userChrome.css file in a particular folder. I created a website to help with this: https://www.userchrome.org/. You probably need to allow 10-15 minutes if it's all new to you; take your time.

Here's the rule:

/* Hide Tab Close buttons */
#tabbrowser-tabs .tab-close-button {
  display: none !important;
  visibility: collapse !important;
}

Close Tab toolbar button

Here's the extension: https://addons.mozilla.org/firefox/addon/close-the-tab-button/

Then use the Customize feature to drag the button to your desired position on the tab bar. I'm attaching a screenshot illustrating what that looks like.

I noticed there are a couple other Close Tab extensions now, so if you don't like the look of this button, you could investigate others.

Read this answer in context 👍 3

All Replies (2)

more options

Chosen Solution

You can hide the individual close tab buttons using a custom style rule. However, there is not a built-in way to create a new "close current tab" button at the end of the bar like in the old days. There is an add-on to create a Close Tab Button on the main toolbar, and you can move it to the tab bar. So putting those two things together...

Hiding the Close Tab buttons

To apply custom style rules to Firefox's user interface area, you need to create a userChrome.css file in a particular folder. I created a website to help with this: https://www.userchrome.org/. You probably need to allow 10-15 minutes if it's all new to you; take your time.

Here's the rule:

/* Hide Tab Close buttons */
#tabbrowser-tabs .tab-close-button {
  display: none !important;
  visibility: collapse !important;
}

Close Tab toolbar button

Here's the extension: https://addons.mozilla.org/firefox/addon/close-the-tab-button/

Then use the Customize feature to drag the button to your desired position on the tab bar. I'm attaching a screenshot illustrating what that looks like.

I noticed there are a couple other Close Tab extensions now, so if you don't like the look of this button, you could investigate others.

more options

Thanks for your help, much appreciated. It did the job quite nicely.

I really miss the easy customizable features of Classic Theme Restorer, I wish it was avaialable with the current build. There are so many customizations to my layout I have to re-figure out again.

Cheers!