Forum Response - Tabs below the URL bar

Firefox's style or appearance can be modified by creating a custom style rule to override the default styles in Firefox. Custom style rules might not work every time because of other factors (e.g. compatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out. Here's how to do it: #Create a userChrome.css file following the steps below, or see [https://www.userchrome.org/how-create-userchrome-css.html this help page] and our [https://vimeo.com/242513527 community member's video (starts at 8:45)]. The rules you put in this file will override the default styles in Firefox. #Open your currently active profile folder: Type '''about:profiles''' in the Firefox address bar, then click '''Open Folder''' (Windows) '''Open Directory''' (Linux) or '''Show in Finder''' (Mac) next to the Root Directory path for the profile in use. #Create a new folder named '''chrome''' inside the profile folder. #Create a desktop shortcut to the '''chrome''' folder you created, for easier future access. #Create a new text file inside the chrome folder named '''userChrome.css''' (make sure Windows is set to show file extensions. The file should be named userChrome.css and not userChrome.css.txt). #Go to https://www.userchrome.org/what-is-userchrome-css.html #Copy the CSS rules found in the "Move the Tab Bar Below the Other Toolbars" example [https://www.userchrome.org/what-is-userchrome-css.html#movetabbar here] and paste it into the userChrome.css file, then save your changes. #Reopen Firefox. ('''Tip:''' Turn on your title bar or menu bar after you've made these changes.) ----- '''Alternative solution'''<!-- This solution is from https://support.mozilla.org/en-US/questions/1185495 and works on Mac OS. --> (A) You need to create a new '''chrome''' folder in your profile folder. This article has the steps for that (#1, #2, and optionally #3) https://www.userchrome.org/how-create-userchrome-css.html (B) Download the following file and move it into that chrome folder: https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css (C) Rename the file to just '''userChrome.css''' The next time you quit Firefox and start it up again, it should discover that file and apply the rules.

Firefox's style or appearance can be modified by creating a custom style rule to override the default styles in Firefox.

Custom style rules might not work every time because of other factors (e.g. compatibility with other custom style rules) beyond the Mozilla community's control. Your custom style rule might also stop working each time a new Firefox release comes out.

Here's how to do it:

1. Create a userChrome.css file following the steps below, or see this help page and our community member's video (starts at 8:45). The rules you put in this file will override the default styles in Firefox.
2. Open your currently active profile folder: Type about:profiles in the Firefox address bar, then click Open Folder (Windows) Open Directory (Linux) or Show in Finder (Mac) next to the Root Directory path for the profile in use.
3. Create a new folder named chrome inside the profile folder.
4. Create a desktop shortcut to the chrome folder you created, for easier future access.
5. Create a new text file inside the chrome folder named userChrome.css (make sure Windows is set to show file extensions. The file should be named userChrome.css and not userChrome.css.txt).
6. Go to https://www.userchrome.org/what-is-userchrome-css.html
7. Copy the CSS rules found in the "Move the Tab Bar Below the Other Toolbars" example here and paste it into the userChrome.css file, then save your changes.
8. Reopen Firefox.

(Tip: Turn on your title bar or menu bar after you've made these changes.)

---

Alternative solution

(A) You need to create a new chrome folder in your profile folder. This article has the steps for that (#1, #2, and optionally #3)

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

(B) Download the following file and move it into that chrome folder:

https://www.userchrome.org/samples/userChrome-tabs_on_bottom.css

(C) Rename the file to just userChrome.css

The next time you quit Firefox and start it up again, it should discover that file and apply the rules.