reader view, hide left panel
This previous solution doesn't work anymore on Firefox 59 (Arch Linux):
"Chosen solution
You can add code to the userContent.css file.
http://kb.mozillazine.org/userContent.css
- reader-toolbar { display:none !important; }
The customization files userChrome.css (user interface) and userContent.css (websites) are located in the chrome folder in the Firefox profile folder.
http://kb.mozillazine.org/Editing_configuration
You can use this button to go to the current Firefox profile folder:
Help > Troubleshooting Information > Profile Directory: Show Folder (Linux: Open Directory; Mac: Show in Finder) http://kb.mozillazine.org/Profile_folder_-_Firefox
Create the chrome folder (lowercase) in the <xxxxxxxx>.default profile folder if this folder doesn't exist Use a plain text editor to create userContent.css file in the chrome folder (file name is case sensitive) Paste the code in the userContent.css file Save the file as userContent.css in the chrome folder"
Any ideas? Thanks!
الحل المُختار
Don't know why they changed it, but to make it work now you have to put .toolbar { visibility: hidden !important; } in the userContent.css file.
If you want to keep the toolbar but don't like the bright color of it, you can use this instead.
Read this answer in context 👍 2All Replies (3)
That is the basics of creating a usserChrome Folder and usserChrome.css file. Looks fine to me, though almost blind so... USSER CHROME URL'S
- https://www.howtogeek.com/334716/how-to-customize-firefoxs-user-interface-with-userchrome.css/
- http://techdows.com/2017/09/classic-theme-restorer-userchrome-css-modify-firefox-57-photon-ui.html
- https://github.com/Aris-t2/CustomCSSforFx/issues/1
- https://www.accessfirefox.org/Theme-Font-Size-Changer.php
- https://www.userchrome.org/
- https://www.accessfirefox.org/Firefox_Accessibility_Themes.php
- https://www.userchrome.org/what-is-userchrome-css.html
- http://kb.mozillazine.org/UserChrome.css
- https://github.com/axydavid/FirefoxUI/blob/master/README.md
- https://github.com/wilfredwee/photon-australis
- https://www.reddit.com/r/FirefoxCSS/
Note not all code in one place.
Please let us know if this solved your issue or if need further assistance.
Dear @Pkshadow,
Thank you for your reply. My usserChrome Folder and usserChrome.css file worked well until the update to Firefox 59 (and there are still in the right place) so I it should be related with this new version.
الحل المُختار
Don't know why they changed it, but to make it work now you have to put .toolbar { visibility: hidden !important; } in the userContent.css file.
If you want to keep the toolbar but don't like the bright color of it, you can use this instead.