Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

Avatar for Username

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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

"Close tab" button on left?

  • 4 uphendule
  • 1 inale nkinga
  • 114 views
  • Igcine ukuphendulwa ngu cor-el

EGC_Warlock
EGC_Warlock
more options

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version of firefox (66). I'm a mac user (you guessed it lol) and I wanted to put the "close tab" x button on the left of the tab, and not the right, so that its consistent with the rest of Mac OS.

Does anyone know how to do that, or is there an extension which does this?

Thanks!

Hey, I know this question has been tackled in the past, but I tried following previous guides and none of the code listed in those guides worked with the latest version of firefox (66). I'm a mac user (you guessed it lol) and I wanted to put the "close tab" x button on the left of the tab, and not the right, so that its consistent with the rest of Mac OS. Does anyone know how to do that, or is there an extension which does this? Thanks!

Isisombululo esikhethiwe

I solved it! I used this video:

https://www.userchrome.org/how-create-userchrome-css.html

And this code:

.tabbrowser-tab .tab-throbber, .tabbrowser-tab .tab-icon-image, .tabbrowser-tab .tab-sharing-icon-overlay, .tabbrowser-tab .tab-icon-overlay, .tabbrowser-tab .tab-label-container, .tabbrowser-tab .tab-icon-sound { 

 -moz-box-ordinal-group: 2 !important;

} .tabbrowser-tab .tab-close-button { 

 margin-left: -2px !important;
 margin-right: 2px !important;

}

And it works perfectly!!

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 0

All Replies (4)

WestEnd
WestEnd
more options

Was the Customize option not working to move it?

EGC_Warlock
EGC_Warlock Umnikazi wombuzo
more options

The syntax was giving me a bunch of errors everywhere so it wouldn't take. It just didn't do anything. Sorry, I'm not really a coder I'm not sure why it wasn't working per-se, just that it didn't. Maybe the code just needs to be updated? I saw that people recommended chrome user files, and the stylish extension to do it, but I couldn't get it to work. Maybe I did something wrong?

EGC_Warlock
EGC_Warlock Umnikazi wombuzo
more options

Isisombululo Esikhethiwe

I solved it! I used this video:

https://www.userchrome.org/how-create-userchrome-css.html

And this code:

.tabbrowser-tab .tab-throbber, .tabbrowser-tab .tab-icon-image, .tabbrowser-tab .tab-sharing-icon-overlay, .tabbrowser-tab .tab-icon-overlay, .tabbrowser-tab .tab-label-container, .tabbrowser-tab .tab-icon-sound { 

 -moz-box-ordinal-group: 2 !important;

} .tabbrowser-tab .tab-close-button { 

 margin-left: -2px !important;
 margin-right: 2px !important;

}

And it works perfectly!!

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

Note that this code that moves the close button to the left would be a lot easier: 

.tabbrowser-tab .tab-close-button {-moz-box-ordinal-group: 0 !important;}