Editing userChrome.css

code

/* tabs on bottom */

#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10} 
#TabsToolbar {-moz-box-ordinal-group:1000!important}

does not work.

code

#nav-bar{ border-top-width: 0px !important; }

#main-window [windowtype="navigator:browser"]  {

background-color: transparent !important; }

does not work

Firefox 57 changed some of their element IDs around and added a few more.

This below code should put tabs on bottom under the address bar

   /* Tab bar below Navigation & Bookmarks Toolbars 
  For best results, show Title Bar or Menu Bar */
  #nav-bar { /* main toolbar */
  -moz-box-ordinal-group: 1 !important;
  border-top-width: 0 !important; 
   }
    #PersonalToolbar { /* bookmarks toolbar */
   -moz-box-ordinal-group: 2 !important;
   }
   #TabsToolbar { /* tab bar */
 -moz-box-ordinal-group: 3 !important;
   }

Also... remove -example from the file name. Firefox only looks for the identical file name:

userChrome.css

in the

chrome

folder at startup.

That worked, thank you.

Now if someone would bring back a UI editor like Classic Theme Restorer so that we can the UI readable.

Most UI modifications can be done via userChrome.css. Go to reddit.com/r/firefoxcss for help on getting your 57 all snazzy and just the way you like it.

I did (at least I thought I did) exactly what was said above. I copied and pasted the above code into a new userChrome.css file and put that file in a new chrome folder in my username/appdata/roaming/mozilla/firefox/profiles folder, and exited Firefox, and restarted, and nothing happened. Is there something I missed?

OK, the answer is yes. I did do something not right (hopefully this will help someone else). For some reason I have 2 profiles, with different things in them. One is a relatively small file 1.25 mb in size, and the other is newer, 237 mb in size. Both are over 2 years old, and I don't recall why there are two. The smaller one has a .default extension. The extension of the larger one is .default-1434642666173

I would combine them if there is any good reason, and a clear cut way to do so, but otherwise. . . . Anyone know why there would be two, or what to do, or whether I should do anything? Anyway, I put a copy of the chrome folder in each of those profile folders instead of the firefox/profiles folder, and all is well.

Hi hrrcr, don't combine them.

> The smaller one has a .default extension.

That's most likely the original.

>The extension of the larger one is .default-1434642666173

That's most likely a spin-off created by using the Refresh feature (that long number is a timestamp).

Thanks. I did not combine them, but in looking at the details, it is clear that the older, small one, contains duplicates of files in the newer large one, which have all been superceded. The old must have been what was created with some original installation before the one now in use was imported, or something, from a prior computer or the like, so the old one is just trash.