[How-To] Make custom stylesheet in Firefox | วิธี
-- ToC --
00:00:00 Troubleshooting Information in Firefox
00:00:40 Open Profile Folder
00:01:05 Create Folder Chrome
00:01:40 Create the custom CSS file
00:03:10 Change configuration in About Config page
00:03:42 Value of toolkit legacyUserProfileCustomizations stylesheets
00:04:32 Change settings in DevTool
00:05:14 Restart Firefox and test
00:07:35 Summarize again
How to make custom stylesheet in Firefox
1. Press key "ATL" to make the menu bar show up in Firefox
2. Go to menu "Help" and then "Troubleshooting Information"
3. Click button "Open Folder" besides "Profile Folder"
4. Create Folder "Chrome"
5. Create file "userContent.css" in that folder and write some css codes you want, e.g.,
@-moz-document domain(wetv.vip) {
.txp_barrage .txp_barrage_item {
visibility: hidden;
}
}
6. Go to URL "about:config" in Firefox
7. Search for "toolkit.legacyUserProfileCustomizations.stylesheets" and change value to "true"
8. Go to Devtool (F12) and click "..." and then "Settings". Under "Inspector" Section, tick "Show Browser Styles"
9. Restart Firefox and test web page
You see that the website not show the ticker of chat above Videos which css class name is txp_barrage.