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. '''Warning:''' The following "moving tabs below the URL bar" procedure works on Linux and Windows. '''It may not work on Mac OS X.'''<!-- see below for an alternative solution (from [/questions/1185495]) that works on Mac OS --> 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.) <!-- '''Solution for for Mac OS''' (from [/questions/1185495]) You can use a custom style rule in a userChrome.css file to rearrange the toolbars. (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.

Warning: The following "moving tabs below the URL bar" procedure works on Linux and Windows. It may not work on Mac OS X.

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.)