Customize Firefox 57 with CSS

Custom CSS for Fx is a collection of CSS styles for Firefox 57 and newer by the author of the popular Firefox add-on Classic Theme Restorer.

Firefox 57 won't support Classic Theme Restorer or any other interface changing extensions or themes anymore because of the switch to a WebExtensions exclusive system. The new WebExtensions system prevents changes to the browser's user interface by not providing APIs to extensions developers.

The only option that is left for Firefox users to modify the UI, apart from what Mozilla provides natively in Firefox, is to use CSS.

Firefox users who know their way around CSS may edit CSS files manually to modify their version of the web browser. Most Firefox users on the other hand probably don't, and that's where Custom CSS for Fx comes into play.

Customize Firefox 57 with CSS

classic firefox 57

The project is hosted on GitHub, and it is maintained by Aris who is known for popular Firefox add-ons such as Classic Theme Restorer and NoiaButtons. Classic Theme Restorer was created as a response to the Australis interface that Mozilla launched in Firefox 29. The extension won't work in Firefox 57 or newer anymore because Mozilla dropped support for legacy add-ons in that Firefox version, and did not introduce capabilities to modify the user interface as WebExtensions API.

The startpage of the project offers information on locating the profile folder of the Firefox web browser, and using the provided styles to modify Firefox.

The easiest way to locate the profile folder is by loading about:support in the browser's address bar, and clicking on the "open folder" button under Application Basics > Profile Folder.

You need to create a folder called chrome if it does not exist in the root of the profile directory. Once done, copy the content of the archive into that folder. Make sure that userChrome.css and userContent.css are located in the root of the chrome folder.

This is all that needs to be done to add these custom styles to Firefox. There is however another step that you may want to take, and that is customizing the tweaks.

The default set of tweaks may appeal to some users, but the CSS files come with options to enable or disable different tweaks to change the interface further.

userchrome css firefox styles

Open the userChrome.css file in a plain text editor. The file uses the @import command to import the actual CSS styles from CSS files. This is done to keep the main userChrome.css tidy and make it easier for users of Firefox to modify it.

Read also:  How to import Bookmarks, Passwords and other data to Firefox

Lines that begin with /* are commented out and the CSS files they link to are not imported because of that.

What you need to do is go through the listing one section at a time to determine which of the available tweaks you'd like enabled in Firefox.

You unload tweaks by adding /* in front of the line and */ at the back. Similarly, you remove /* in front and */ at the back to enable a tweak.

Here is the list of tweaks that is available right now:

  • Modify navigation toolbar buttons.
  • Enable Squared buttons
  • Change icon appearance
  • Change the app button popup.
  • Change bookmarks menu and popup appearance.
  • Old bookmarks toolbar  button appearance
  • Other button settings (Forward button hide, back and forward buttons separated history popups, zoom buttons hide reset).
  • Custom back and forward buttons appearance
  • Application/hamburger button on navigation toolbar
  • Application/hamburger button in Firefox titlebar (Windows only)
  • Tabs appearance (style, toolbar position for instance below toolbars (read: tabs not on top), tab titles, icons, and more.
  • Modify searchbar, context menus, icons, and other toolbars.
  • Change the style of the location bar.

Some of these are self-explanatory. Others are not, but you have two options when it comes to these. Either enable them and check them out directly, or open the CSS file that gets loaded to find out what they do. The latter requires some knowledge of CSS however.

The userContent.css file uses the same layout. It imports CSS files, and it is up to you to enable or disable those.

A list of suggested native interface tweaks and about:config tweaks are provided as well by the project to modify Firefox's appearance further.

Closing Words

Custom CSS for Fx offers plenty of interface modifications for Firefox 57's interface that cannot be done using extensions or using built-in features. Existing Firefox users may find it useful, especially if they have used Classic Theme Restorer or a comparable add-on until now.

Updates are released regularly by Aris; that's good not only for new functionality that may get introduced through tweaks, but also to keep the styles compatible with new Firefox releases.

 

Summary
Author Rating
5 based on 12 votes
Software Name
Custom CSS for Firefox
Software Category
Browser
Landing Page
Advertisement
Please share this article

Facebooktwittergoogle_plusredditlinkedinmail



Responses to Customize Firefox 57 with CSS

  1. HK-Rapper November 13, 2017 at 11:49 am #

    Hello Nightly friends, want FF57+ look again like Firefox Classic?

    Preview: https://i.imgur.com/qmGdeqX.png

    1) Select dark theme
    2) go to customize
    3) add menu bar, bookmark bar, you MUST select small/compact layout (most important step!)
    4) try my userChrome.css

    Link: https://hastebin.com/efunisosem.css

    Some of the features: Bottom Tabs, slim tabbar, clean integrated search (limited width)

    You will never want to turn back again from the new Firefox.

    • HK-Rapper November 13, 2017 at 12:21 pm #

      For optimal experience and un-breaking some changes, please also try the following addons:

      https://i.imgur.com/Ge8T9As.png

      PS: If they don't dramatically change FF59 (the base build for the 2018 ESR version) and these addons and CSS continue to work, I feel like all is going to turn out well despite the paradigm change with webextensions.

      greetings

      • Anonymous November 13, 2017 at 6:45 pm #

        You're are using a lot of add-ons concerning privacy, included uMatrix, and for "optimal experience" you put a link on Ghacks redirecting to a page with 20 scripts just to see an image. Nonsense?

    • Appster November 13, 2017 at 1:45 pm #

      @HK-Rapper:

      Wow, truly impressed... I am not attempting to diminish your work in any way, as it's better than nothing obviously, but you should be aware that most of the stuff you posted could be done within CTR with five clicks or so before. Again, I don't get how people can put up with fiddling when Mozilla has removed far more comfortable options just hours before. It's beyond me. We should pressure them to do something about weak ass WebExtensions instead of fiddling ourselves. They ruined it, they need to fix it. It's not up to us.

      Also, saying that Firefox 57 "is going to turn out well" just because of your userChrome.css is a bit of an overstatement, don't you think? I'll show you why. If you can show me how to replicate:

      - the entire Tab Mix Plus
      - private tabs
      - a separate downloads window (as opposed to the damn built-in pop-up)

      Then we are talking! Legacy add-ons had more capabilities than fiddling with the UI. They brought actual feature enhancements.

      Still, your CSS code might help people who don't need anything more. I just wouldn't overrate it as much as you do.

      • HK-Rapper November 13, 2017 at 2:31 pm #

        I avoid bloat like CTR because it often broke for me after Nightly updates in the past. A simple userChrome.css is puristic, minimalistic and directly interfaces with Mozilla official standards. It can be rolled out with custom installers if someone would, let's say want to use it in a corporate or educational environment.

        You should try some of the suggested addons in my followup post which give me 90% of the same experience as I previously had on FF52 ESR.

        Shame there is no help for people who always 100+ tabs open, a strange case of digital compulsive hoarding.

        >private tabs
        What for? I never save history and uMatrix prevents most cookies from being created, CookieAutoDelete scrubs them after closing tabs.

        >I just wouldn't overrate it as much as you do.
        But there is no cure for the always unhappy. Regarding bookmarks: https://i.imgur.com/5wdqvXL.png

        Leave a man some joy, you could need a cheer up it seems.

      • Appster November 13, 2017 at 3:59 pm #

        @HK-Rapper:

        > I avoid bloat like CTR because it often broke for me after Nightly updates in the past.

        1) CTR is/was meant for stable or ESR, not Nightly.
        2) Who uses Nightly anyway? I won't test any Beta/Alpha unstable crap for Mozilla, nor will I report data to them, that's for sure. Don't know about you.
        3) CTR is not bloat. It utilizes userChrome.cssjust as much as you would, just in a way easier and more comfortable way.

        > A simple userChrome.css is puristic, minimalistic and directly interfaces with Mozilla official standards.

        It's neither puristic (in a masochistic sense of the word, maybe) nor minimal. It's fiddling with stuff when 99% of what you are doing has been already available in an add-on.

        > It can be rolled out with custom installers if someone would, let's say want to use it in a corporate or educational environment.

        Nobody actually does that AFAIK.

        > You should try some of the suggested addons in my followup post which give me 90% of the same experience as I previously had on FF52 ESR.

        With all due respect... Most of the add-ons shown there are pretty nonsensical when it comes to recreating UI elements Mozilla deliberately broke. Except Downloads Window, which is legacy, haha.

        > Shame there is no help for people who always 100+ tabs open, a strange case of digital compulsive hoarding.

        You realize that Tab Mix Plus is not only for tab hoarders, right? Using it despite not being a tab hoarder myself.

        > What for? I never save history and uMatrix prevents most cookies from being created, CookieAutoDelete scrubs them after closing tabs.

        You want your history saved in some cases, especially when researching things. It's useful if you have to separate those work-related tabs from your own hobby stuff. A general setting won't achieve that.

        > But there is no cure for the always unhappy.

        Unhappiness is sometimes induced by others, especially when they are deliberately breaking your stuff. Generalizations do not always work, son.

        > Leave a man some joy, you could need a cheer up it seems.

        Watch out for Cliqz while you cheer. It may record that, too. :D

      • HK-Rapper November 13, 2017 at 4:45 pm #

        @Appster:

        All you have contributed today was extreme black and white thinking full of surrenderism and cynicism. You have not provided a single astute solution to deal with the ESR v52 being discontinued and replaced next year.

        Despite your tantrum even you will either evolve (ESR 59), leave to Chrome (I can dream), or be stuck on outdated insecure code (end of life ESR ~April 2018).

        >Who uses Nightly anyway? I won't test any Beta/Alpha unstable crap for Mozilla, nor will I report data to them, that's for sure. Don't know about you.

        People who care, I filed dozens of bug reports under my real name and helped developers when they asked for replicating a bug.

        >CTR is not bloat. It utilizes userChrome.cssjust as much as you would, just in a way easier and more comfortable way.

        It is for the average joe who doesn't like bare metal tweaking.

        >Unhappiness is sometimes induced by others, especially when they are deliberately breaking your stuff.
        >Generalizations do not always work, son.

        That's still sir to you, I pay my own food, water, electricity and real estate. God who hurt you, and what is up with these inane infantile smileys?

        >Watch out for Cliqz while you cheer. It may record that, too. :D

        Cliqz won't install on those machines where users manually downloaded an offline installer instead of the <1MB webinstaller. Please educate yourself.

        Please try working on your netiquette, for the sake of your fellow humans that have to put up with you.

    • Daniel November 13, 2017 at 10:15 pm #

      Can this script be imported into Tampermonkey or GreaseMonkey?

      • Appster November 13, 2017 at 10:28 pm #

        No. WebExtensions have no access to the UI.

    • Dee Dee November 18, 2017 at 1:04 am #

      I'm really new to CSS. When you say on point 4. try my userChrome.css what do you mean? Am I to copy the lines into my userChrome.css? Where do I copy them or make changes. Any insight will be most appreciated. Like so-o many others, I'm aggravated with Firefox. They present a "better" product, but they always screw us on the visuals! Millions of us really like the Classic look and don't want to change.

  2. ZzzZombi November 13, 2017 at 11:54 am #

    Also if you know your way around CSS just a little bit, you can inspect the whole FF interface by enabling "Enable browser chrome and addon debugging" and "enable remote debugging" from the advanced settings of the developer console. After that you press "ctrl+alt+shift+i" and it opens a new FF window in which you can inspect UI elements just as you would with a regular website.

    • Pants November 13, 2017 at 1:35 pm #

      ^^ Yup, ... and from that "Developer Toolbox", the easiest way to identify something is to just use the element picker in the top left (the icon is a rectangle with a mouse cursor in it)

  3. Gambino November 13, 2017 at 11:54 am #

    It has always been possible to edit Firefox with userChrome.css. What's sad is that now Mozilla make it so much harder for people to do it easily with the gutted Stylish addon. I'm just going to wait for some nefarious actor coming out with a third-party software that messes with the Firefox profile folder pretending to fill the gap that Stylish used to be able to do. No security threat there!

  4. Appster November 13, 2017 at 11:57 am #

    You know, we used to have actual add-ons for that kind of stuff. In all honesty, how is Firefox different now from Vivaldi? I can customize Vivaldi via CSS code all the same, obviously.

    • Appster November 13, 2017 at 1:23 pm #

      Addendum: I find it ridiculous what users are willing to put up with when these changes were clearly deliberately introduced by Mozilla. Instead of promoting comfortable add-ons Mozilla is now forcing you to fiddle with userChrome.css.
      Most of the stuff people do with CSS code came with Classic Theme Restorer options anyway. But instead of pressuring Mozilla to make CTR and/or Stylish in its most feature-rich forms compatible with the current code base, people are satisfied with the shenanigans forced on them and call the feces on their collective heads nice hats.
      Humorously spoken, if Mozilla hid the option to access userChrome.css away in an unknown location, additionally protecting it with a secret password only Mozilla knows, you guys would try and go search for it. Hilarious!

    • Richard Allen November 13, 2017 at 1:26 pm #

      You're kind of overstating the ability in Vivaldi aren't you?

      For one thing, after Every update the css is Removed and you will need to be sure to save all of your custom css in a separate file as a reference. After you are sure to have done that you can then modify the browser.html file inside the Application folder, then, you have to open the 'style' folder and copy your custom css file into that folder. If you per chance use the snapshots then you will actually get very familiar with the Whole process because Vivaldi is by no means bashful about pushing out frequent updates (a good thing) even the stable channel gets it's share.

      As Annoying as it is to keep re-doing the css I appreciate the fact that Vivaldi has that ability, I'm using a bit myself and probably always will.

      • Appster November 13, 2017 at 1:35 pm #

        @Richard Allen: As a Vivaldi user I'm of course aware of the procedure. It's kind of annoying, that's very true. However - and this was the basic essence of my post - we should really ask ourselves how it could come that vvialdi and Firefox are now in the same league and why Mozilla is forcing us to fiddle with userChrome.css in the first place instead of giving us back actual, far more comfortable add-ons. They should introduce the ability to change UI elements to WebExtensions, but they won't do it. Brand recognition, you know. After all, UI is a central part of branding. How dare the users touching it? Let's make it much harder for them.

      • Appster November 13, 2017 at 1:46 pm #

        * Vivaldi

      • Richard Allen November 13, 2017 at 2:20 pm #

        @Appster
        Obviously, I know, that you know, that I know, that you know the process on using css in Vivaldi. LoL. I broke it down for all those that don't use Vivaldi and those that do but don't use css. You did say "I can customize Vivaldi via CSS code all the same" and the reality is, considering it's just temporary, it's not the same.

        "vvialdi and Firefox are now in the same league" not even close to the same UI customizability or available security and privacy options. Don't get me wrong, I like Vivaldi, performance is excellent and after using the Chrome useragent in a command line switch the inconsistent page load times that I was seeing finally went away. If someone would figure out the mediocre smooth scrolling in chromium browsers I would be happy to use it more than I do now.

        I will agree that it sucks that FF WebExtensions do not have browser UI level css access anymore but I don't know anyone 'personally' that cares about a browser UI being customizable. Seriously. Actually, I don't care all that much about webext UI level css access either because I've been using userchrome since FFv3 so for me it's not a thing. I feel for you!!! :-D

      • Appster November 13, 2017 at 4:19 pm #

        > not even close to the same UI customizability

        It's pretty close. Look what is still possible in Firefox 57: Rearranging some UI elements and fiddling with CSS. The former is still a (albeit pretty small) advantage of Firefox, the latter also works with Vivaldi. Pathetic when you think about what was possible with Firefox not too long ago. Remember full themes? Remember CTR? Roomy Bookmarks?

        > or available security and privacy options.

        The fact alone that one has to considerably change Firefox's about:config options to make it acceptable privacy-wise speaks volumes about Mozzarella, pardon, Mozilla. Ever heard of Cliqz in this particular case? I distrust Mozilla for reasons.
        By the way, tweaking the browser alone is not enough. Your OS does some stuff, too. I use Little Snitch on macOS which blocks unnecessary conncetions. If it's that bad on macOS I can't even imagine how bad it must me on the Windows 10 botnet.

        I agree with you about the mediocre scrolling performance of Blink-based browsers.

        WebExtensions deliberately not having access to UI elements sucks big time and is a reason to ditch Firefox if you don't intend to fiddle as Mozilla in its infinite wisdom intends you to do.

      • Richard Allen November 13, 2017 at 5:07 pm #

        @Appster
        Geez, now you're understating the facts trying to justify your rational. That's awesome, thank you for the laugh! Did you even read the article? Are you aware of how much the elements can be changed? Or did you see that the article was about FFv57 and went straight to the comments? There is a github link to Aris-t2's work, go check it out and then tell me Vivaldi has the abiltiy to do the same.

        Cliqz? Correct me if I'm wrong but that is only in Germany and affects less than 1% of those users... in Germany. Don't live in Germany, don't care. Just being honest. And of course it can't be opted out of. Right?

        "The fact alone that one has to considerably change Firefox's about:config options to make it acceptable privacy-wise speaks volumes" Of course we all know that Chrome and Vivaldi have zero settings that need to be opted out of. What was I thinking. *joins crowd, sheds crocodile tears

      • Richard Allen November 13, 2017 at 5:20 pm #

        @Appster
        One more thing. Copy/paste chrome://settings in the Vivaldi address bar, enter, click on Advanced and tell me what you see under "Privacy and Security". I can post a screenshot if you need me to. Is everything in chrome://flags optimized for privacy and security? Not even close. ;)

  5. Thorky November 13, 2017 at 12:35 pm #

    When will NoScript be released as a full webextension? The unavailibility of this Add-On is the only reason why I can't start with Firefox 57.

    • leanon November 14, 2017 at 11:02 am #

      Word on the street is could be now could be a couple more days or longer. For what ever reason it looks that Firefox 57 needed to be released before Giorgio could finish.

      Personally Im staying put, at lest on that pc, til NoScript is on AMO with a few reviews.

  6. MdN November 13, 2017 at 12:47 pm #

    This is good news. Right now I'm just using a CSS script for two things, square tabs and "close tab" button on the left. I hope at least the latter one will be available when the time comes. I can live without the rest.

  7. Tom Hawack November 13, 2017 at 2:54 pm #

    A touch of lyricism as I face this valuable work, 'Custom CSS tweaks for Firefox 57+ ' developed by Aris who's work with 'Classic Theme Restorer' has enchanted so many Firefox users who couldn't bear the Australis atrocity, and who now carries on the work, as a man knocked to the ground, rising yet on one knee, fist raised, declaring "I'm not done, yet, you jerks!". We know who he'd have in mind.

    Most valuable work. Unfortunately Firefox 57 does more harm than what may be partially repaired with this 'Custom CSS tweaks for Firefox 57+ ' workaround using Firefox's userChrome and userContent. I won't repeat what we all know. But but but ... if I were to surrender to Mozilla and forget pre-57 Firefox versions then I'd welcome this work with enthusiasm and gratitude.

    • Richard Allen November 13, 2017 at 3:57 pm #

      I am shocked, that was soooo hurtful! What happened to "Tolerance"? Loving your fellow browser. There is so much hate and discontent nowadays. Just messing. ;)

      By the way, Nightly just updated to v59. BOOM Shaka Lacka (I love old R&B;)

  8. VioletMoon November 13, 2017 at 4:10 pm #

    Kind of going over my head, but with the tutorial given, I open a whole different Firefox--nice interface!

    Which makes me wonder why Mozilla developers don't-can't do the same.

    Anyway, thanks--good lesson for me.

    How to get the bottom status bar back?

    • Appster November 13, 2017 at 4:22 pm #

      > Which makes me wonder why Mozilla developers don't-can't do the same.

      Mozilla refuses to grant WebExtensions access to the UI aside from creating a single button.

      > How to get the bottom status bar back?

      No chance, Mozilla has not implemented a (proposed) API for that, so WebExtensions can't create toolbars of any kind.

      WebExtensions are sucking big time.

      • Jody Thornton November 13, 2017 at 4:50 pm #

        See that would be one shortcoming I'd like to hurdle over. I do like having a status bar and a progress bar at the bottom
        :)

  9. Anonymous November 13, 2017 at 4:12 pm #

    At least use Notepad++ when you doing this.

  10. Jefferson November 13, 2017 at 6:21 pm #

    For visual learners:

    Demo - How to Create a userChrome.css File on Vimeo
    https://vimeo.com/241645477

    (Yes, I had a cold at the time!)

  11. Stefan November 13, 2017 at 7:05 pm #

    52.4.0 ESR will be the last FF version i use. My important addons and my preferred themes work. I can always fool sites about the user agent with the addon i have. Still even if much do work as i have it now, much is also blocked (by me). I am quite satisfied as it is with what i have.

    All this talk about webextensions seem pretty stupid to me. Mozilla seems to change things just because it is a change, not because of that it is userfriendly !

    Why not let the user make the choice ?

    • anon November 15, 2017 at 8:36 am #

      ESR 52.5.0 is the same as 52.4.0 but with all the new security fixes. Legacy addons will keep working in all future ESR 52.x versions.

    • Jody Thornton November 17, 2017 at 1:38 am #

      Well the way I see it is this. No question performance is better in Quantum. Now Appster has pointed out that Servo can be enable as of v56. Even still upgrade to 57 and the performance improves quite perceptibly. So could the presence of XUL still cause some overhead?

      And since Mozilla wants to allow multi-processing for tabs, many XUL extensions weren't compatible. So I'm not sure "stupid talk" is appropriate to term this as. If you are hard set on your extensions, you'll never be happy with Quantum. But if you have the extensions you need (I just need uBlock Origin, and I can use CSS to customize the tab bar), then you'll love Quantum (that is, if you give it a fair chance - it really is NOT a change for the sake of change).

      Remember, I was completely against Firefox 57 changes when I first heard about them - but then I tried Nightly. Now, I'm getting a newer machine that will get the most out of Quantum.

  12. Anonymous November 13, 2017 at 7:10 pm #

    "The new WebExtensions system prevents changes to the browser's user interface by not providing APIs to extensions developers."

    This sentence has something terrifying.

  13. ghask November 14, 2017 at 5:46 am #

    I've been wondering for a while, why people like the tabs on top of address bar? I rarely touch address bar while I navigate around the tabs a lot. That's why I don't understand why you need to make navigating the tab harder, am I the only one navigating the tabs using mouse?

    • George November 14, 2017 at 11:56 am #

      Google Chrome does it too, and it is considered "modern". I guess some people prefer it that way even though it seems harder, exactly as you describe. Perhaps they work mostly on the address bar, I wouldn't know. The real question is: why FORCE it to be like that and take away the option from the user?

      I haven't tested these CSS solutions but hopefully they'll work well across browser updates, with no impact on performance or browser operation.

    • Jody Thornton November 17, 2017 at 1:32 am #

      I've never been stuck on that either. There was a CSS script method to fix this in Vivaldi, but it stopped working. It can be changed in Quantum though.

  14. Nasay November 14, 2017 at 12:14 pm #

    So it happens.

    My solution: Mozilla's new Chrome inspired browser deinstall, Otter-Browser with QTWebkit-NG install.

    Mozilla and their Google Chrome inspired simplicity fetish is of no interest for me. Fully customizable old Firefox versions have been rocking, this new "average joe/Chrome user optimized" Firefox 57 is garbage if i compare the still built in feature set with Firefox versions before 29.

    Seriously, dumping most complex built in features to be attractive for simple users aka fighting from now on for the same target user group like Chrome, IE, Safari or similar... in earlier years something like that never would have been Mozilla's focus, where they still cared for feature diversity and a more than rich option set.

    Anyway...

    Have fun with simple minded Chrome users Mozilla :)

  15. Pavel November 14, 2017 at 10:26 pm #

    I need multiple tab rows. How i do it?

    please

    • Mystique November 15, 2017 at 12:59 pm #

      If Mozilla is anything like I am thinking then it comes with all the UI limitations that both chrome and vivaldi come with and there is no way (aside from those dicky little extensions to add stupid little lists of tabs) manipulate the tab bar. It's a huge oversight in my opinion so I struggle to imagine that Mozilla would allow it to stand but I haven't anything that would suggest it is possible.

    • John November 16, 2017 at 4:51 am #

      https://github.com/Aris-t2/CustomCSSforFx/blob/master/classic/css/toolbars/bookmarks_toolbar_multiple_lines.css

      Create file userChrome.css (simple text file) in folder "chrome" (create if missing) inside your Firefox profile folder (C:\Users\\AppData\Roaming\Mozilla\Firefox\Profiles\.default\ )
      Copy/paste the code from above link in userChrome.css, save and restart Firefox.
      Enjoy,

  16. Lange_666 November 15, 2017 at 8:30 pm #

    Only one thing pops to mind after upgrading to FireFox 57...visually it has become... BORING !!

  17. Gabriele November 15, 2017 at 9:20 pm #

    Hello to all the community, i'm trying to find a fix for the last mozilla "broking-something-on-every-release" politic.
    In Firefox 56 i was using a css for making more smaller tabs in height.
    The css have in syntax:
    .tabbrowser-tabs {min-height: 23px !important;}

    I have tryed:
    tab {max-height: 23px !important;}

    The tab is more tinner, but i have a extra margin on bottom between tabs and toolbar.

    someone know how to fix that on Firefox 57?

    • AF November 17, 2017 at 12:39 am #

      I have the same issue i posted it on http://forums.mozillazine.org/ support forum. No solution yet. This is and the fact you can't combine forward back buttons really irks me.

    • zmei November 17, 2017 at 6:07 pm #

      In "personalize" menu (right-click so called hamburger) there is an option to change tab height, not sure if will be thin enough for you though.
      Has anyone managed to change the extremely annoying white background which is showed while a page is loading? The background that appears just before the one that can be set with userChrome.css for about:whatever I mean, it is purple in Private Browsing.

  18. Walter Teague November 16, 2017 at 3:17 am #

    What is the "archive"? You write "copy the content of the archive into that folder." What and where is it?

    • Martin Brinkmann November 16, 2017 at 5:42 am #

      You download the file archive that contains all the files from the GitHub repository.

  19. Anonymous November 16, 2017 at 7:44 am #

    Trying to disable "Pocket" in the user.js [user_pref("extensions.pocket.enabled", false);], it does not work!?

    • Jody Thornton November 17, 2017 at 1:30 am #

      Isn't there a pref for that one?

      • Anonymous November 17, 2017 at 11:36 pm #

        Of course there is, I just wonder why it does not work with the user.js like with earlier FF versions.

        !?

  20. solar November 16, 2017 at 9:04 am #

    How about Tabs at the bottom of the screen? I've found Tabs at the bottom, but it puts Tabs below address bar, not at the bottom of the screen. Is that possible?

  21. AF November 17, 2017 at 12:40 am #

    Anyone have any clue how to combine the Back Forward buttons part of the search URL bar like FF56 and prior. Using CSS not add-on

  22. Max K November 17, 2017 at 3:41 am #

    LET USERS ANFD ADDONS CUSTOMIZE THE UI AGAIN!!!!! IF NOT WHY THE F*** SHOULD FIREFOY BE BETTER THAN ANY OTHER BROWSER???? ALL THE OTHERS ARE FAST THERE IS NO USP TO FF ANYMORE!!!!!!!!!!!!! I USED IT BECAUSE IT WAS SO COMPACT AND HIGHLY ADAPTED DTO MY NEEDS! I DON'T WANT TO SPEND HOURS LEARNING TO ORIENT MYSELF IN THE CSS LANDSCAPE OF FF WHATF****** EVER VERSION!!!

  23. Blue Lily November 17, 2017 at 4:26 pm #

    Somebody please develop something similar to the classic theme restorer, or...
    Give us a complete userchrome.css file so that we can easily restore the classic look in a few clicks!

    I did it already but it's not perfect and I hate how I can't read enough text on my tabs...
    Is there a way to make the tabs larger?

    The code provided by "HK-Rapper" above doesn't work on my side.

  24. RiE November 17, 2017 at 6:59 pm #

    I like the new look of FF 57. I hate the whiteout on the book marks and the internal option screens; addons, etc.

    I've installed this customized CSS, how do I just edit the bookmark side menu to have a black or dark background with white or blue text associated with the actual bookmarks displayed?

    I've very comfortable in with CSS as I use it every day, just trying to efficiently identify the correct file/class to edit.

    Thanks in advance!

Leave a Reply