I like the new CSD option (remove title bar) but when activated my window buttons move over to the right (normally on the left). Is there a way to have CSD enabled but with buttons on the left?

up vote 10 down vote accepted

Create userChrome.css and the chrome directory if they don't already exist.

~/.mozilla/firefox/<YOUR_FIREFOX_PROFILE>/chrome/userChrome.css

Place the following code in userChrome.css.
If the line that begins with @namespace is already in your userChrome.css, don't add it a second time.

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

#titlebar-max {
  -moz-box-ordinal-group: 0;
}

#titlebar-content {
  direction: rtl;
}

#TabsToolbar {
  direction: rtl;
}

#tabbrowser-tabs {
  direction: ltr;
}

Now restart Firefox and the buttons will be on the left.

Your Firefox profile will look something like this: hej3q2i1.default
If you aren't sure which profile is yours, you can find out by following these steps:

  1. Open Firefox
  2. Click the menu button
  3. Click Help
  4. Select Troubleshooting Information
  5. Your Firefox profile will be the last directory listed in "Profile Directory"

CSS source: https://gist.github.com/oidualc/9f7c0a6591ada0d391ee6813a518dc3benter image description here

  • Thanks for trying but this does not solve the problem, the buttons are still over on the right in CSR mode. – JimDeadlock May 13 at 1:56
  • Maybe I misunderstood. I assumed you meant CSD mode because I've never heard of CSR mode and CSD mode allows you to merge tabs with the titlebar. If you do mean CSD mode (Client Side Decorations), this does work. Double check your work and restart Firefox after making the changes. I have added a screenshot to my answer showing the results. – denshigomi May 14 at 15:44
  • I tried it on a different computer and it does indeed work, not sure what I was doing wrong before. Yes I did mean CSD, I think I must have been half asleep the other day. Thanks for the answer! – JimDeadlock May 15 at 21:45
  • I'm glad it worked for you. If you get a moment, please edit your title and question to say CSD instead of CSR so it's easier for others to find. – denshigomi May 16 at 14:14
  • This makes the window buttons to placed on the left but they are not placed properly. The space between minimize and close buttons is too small compared to the space between maximize and minimize button. – Apoorv Potnis Jul 10 at 12:31

In addition to @denshigomi's answer, I added a poperty for the misalignment. This fixes the Apoorv Potnis's issue. You can add this property to userChrome.css file:

#titlebar-close {
  margin-right: 6px !important;
}

Also the gist can be found in here.

Your Answer

 

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

Not the answer you're looking for? Browse other questions tagged or ask your own question.