Both sides previous revisionPrevious revisionNext revision | Previous revision |
firefox [2022/07/19 18:57] – reformatted the aboutconfig stuff a little rjt | firefox [2023/12/08 14:02] (current) – updaed note son userContent.css rjt |
---|
^ Address bar | ''Ctrl+L'' | | ^ Address bar | ''Ctrl+L'' | |
^ Bookmark | ''Ctrl+D'' | | ^ Bookmark | ''Ctrl+D'' | |
| ^ Jump to right-most tab | ''Alt+9'' | |
| ^ Move tabs | ''Ctrl+Shift+PageUp|PageDown|Home|End'' | |
| |
==== Keywords ==== | ==== Keywords ==== |
If you add //keywords// to your bookmarks, you can also go straight to those pages by typing the keyword. | If you add //keywords// to your bookmarks, you can also go straight to those pages by typing the keyword. |
| |
You can also use these for [[duckduckgo#Bangs|bang]]-like searches by bookmarking a site's search page/results and using ''%s'' to indicate where search terms go. | You can also use these for [[duckduckgo#Bangs|bang]]-like searches by bookmarking a site's search page/results and using ''%s'' to indicate where search terms go. A shortcut to creating these is to open the search page you want a keyword associated with, and right-click o nthe search box and add the keyword that way. |
| |
==== Reader View ==== | ==== Reader View ==== |
| |
As an alternative to add-ons like [[stylus]], you can simply add [[CSS]] rules to the file ''userContent.css''. It's slightly annoying in that you have to restart Firefox for it to reload the file, but you can use Stylus or the built-in developer tools (you can load files in the 'style editor' tab) to preview things. For styling Firefox itself you create a file called ''userChrome.css''. | As an alternative to add-ons like [[stylus]], you can simply add [[CSS]] rules to the file ''userContent.css''. It's slightly annoying in that you have to restart Firefox for it to reload the file, but you can use Stylus or the built-in developer tools (you can load files in the 'style editor' tab) to preview things. For styling Firefox itself you create a file called ''userChrome.css''. |
| |
| NB: Currently userChrome is working fine, but userContent is not doing anything for me :( |
| |
=== Method === | === Method === |
| |
- Open ''about:config'' and turn ''toolkit.legacyUserProfileCustomizations.stylesheets'' to ''True''. | - Open ''about:config'' and turn ''toolkit.legacyUserProfileCustomizations.stylesheets'' to ''True''. |
- Open your profile directory (for me it's ''~/.mozilla/[profile name]'') and create a directory called ''chrome'' if it doesn't exist. | - Open your profile directory (for me it's ''~/.mozilla/firefox/[profile name]'') and create a directory called ''chrome'' if it doesn't exist. |
- Inside ''chrome'' create a file called ''userContent.css'' | - Inside ''chrome'' create a file called ''userContent.css'' |
- Add rules to this, enclosed within ''@-moz-document domain([url]) {}'' that references the site you wish to target. | - Add rules to this, enclosed within ''@-moz-document domain([url]) {}'' that references the site you wish to target. |
* https://www.userchrome.org/ | * https://www.userchrome.org/ |
* https://old.reddit.com/r/FirefoxCSS | * https://old.reddit.com/r/FirefoxCSS |
| |
| ==== Sundry ==== |
| |
| * You can middle click on the reload page button (↻) to duplicate the current tab. Way easier than having to right-click on the tab and select it from the menu. |
| * You can select multiple tabs with ''Ctrl'' and ''Shift'' clicking like you would in other programs. |
| * Quickest way to see alternate stylesheets is ''Alt+v'' then ''y''. |
| |
===== Troubleshooting ===== | ===== Troubleshooting ===== |