9

I have Firefox Quantum web-browser version 57.0.2 (64-bit) in Windows 7.

The Sidebar, unfortunately, has a maximum width of about 540 pixels.

I tried to increase this constraint by going to about:config and searching for "sidebar". Then I changed the setting devtools.toolbox.sidebar.width;500 to a value of 600. Then I restarted Firefox. But it did not work.

So how can I increase the maximum width of the sidebar?

user1580348
  • 1,488
  • 5
  • 20
  • 33

3 Answers3

14

  1. Firefox menu -> Help -> Troubleshooting Information -> Profile folder -> Open folder

  2. There should be folder named chrome (all lowercased). If it's missing, create it.

  3. In said chrome folder, there's userChrome.css file. If it does not exist, create it.

  4. Open this file with any text editor.

  5. In this file, if there is no CSS rule #sidebar, create it:

/* remove maximum/minimum width restriction of sidebar */
#sidebar {
  max-width: none !important;
  min-width: 0px !important;
}
  1. Restart Firefox
Marcin Orlowski
  • 105
  • 5
user1580348
  • 1,488
  • 5
  • 20
  • 33
  • Confirmed in FF 66: No config settings work, but this method does. No way to improve it. – u2n May 02 '19 at 19:16
  • Did not work on FF 70.0.1. – Vanity Slug - codidact.com Nov 12 '19 at 15:46
  • 6
    Since version 69 and later, Firefox does not load userChrome.css by default. To make it effective again, open about:config in Firefox and set the preference `toolkit.legacyUserProfileCustomizations.stylesheets` to true – mini Nov 29 '19 at 08:42
  • Does not seem to work on FF 71. – Marcin Orlowski Dec 18 '19 at 12:28
  • 1
    How do you guys know all of this stuff wth? – 55 Cancri Jun 28 '20 at 13:49
  • Works in FF84(64bit) together with mini's suggestion above for changing the about:config toolkit to 'true' (default was 'false') – ofer.sheffer Dec 18 '20 at 19:08
  • Works in FF95.0.2(64bit) together with mini's suggestion above for changing the about:config toolkit to 'true' (default was 'false') – ofer.sheffer Dec 27 '21 at 23:57
  • @ofer.sheffer (96.0) `tookit` didn't exist so I created it as Boolean and set it to True. I don't understand mini's suggestion, as I have no `toolkit.legacyUserProfileCustomizations` and can't see a way to create it so it can contain a `stylesheets` — I can only make it a simple value. An ideas? – Adám Jan 13 '22 at 12:11
  • 1
    Since version 107.0.1, there's a new name to the css property. Thank you @overcast75 for the updated note. Now it should be #sidebar-box. I added the new property into the css file, restarted and it worked. – ofer.sheffer Dec 07 '22 at 07:10
  • @55Cancri You can use CTRL+SHIFT+ALT+i to inspect the browser chrome (inspect Firefox itself). Int there you can see both interface elements and default CSS for the GUI. – Nux Mar 10 '23 at 15:11
7

Looks like this tag has had its name changed recently. The new tag is:

#sidebar-box {
    max-width: none !important;
}
overcast75
  • 81
  • 1
  • 1
0

reload the browser

Victor Lukoky
  • 1