Move Close Tab Button To Far Right And Remove From Each Individual Tab
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 👍 3All Replies (2)
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.
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!