Instructions in Spanish can be found here. Instrucciones en Español disponible aquí.
- In a new tab, navigate to
about:support
. - Under Application Basics, find Profile Folder.
- Locate and click the Open Folder button next to it. It will be next to an address similar to: 1
%appdata%\Mozilla\Firefox\Profiles\{profile-id}.default
- Inside your Firefox Profile Folder, create a new folder named:
chrome
. - Inside the newly created chrome folder, create a new file named:
userChrome.css
. - Copy the following code, paste as content and save:
#sidebar-box {
max-width: 40% !important;
min-width: 400px !important;
}
- Finally, in a new tab, navigate to
about:config
and search for:
toolkit.legacyUserProfileCustomizations.stylesheets
...and change it to true
.
- Restart Firefox and test it out!
- Optionally, you can also change the
sidebar-width
value in youruserChrome.css
file.
Footnotes
-
In Windows,
%appdata%
is equivalent toC:\Users\{username}\AppData\Roaming
. ↩
create a new file named: userChrome.css.
What kind of file should be created?