![Firefox logo](https://assets-prod.sumo.prod.webservices.mozgcp.net/media/uploads/products/2020-04-14-08-36-13-8dda6f.png)
Using stylus to remove stories from Facebook
Hello Is it possible to use the stylus add-on to remove the stories from Facebook? I am not a programmer by any mean but i like to "play" with the inspector and i found out that by deleting a node the stories disappear. So I was wondering if i can use stylus to delete this node for me! Thank you!
Gekose oplossing
Maybe you are looking for something more ready-made than a rule you can paste into Stylus. Perhaps:
https://addons.mozilla.org/firefox/addon/socialfixer/
Lees dié antwoord in konteks 👍 1All Replies (7)
There is a misunderstood! I only want to hide the stories panel from my mozilla!
Are you familiar with using the Inspector ?
You can right-click in the sidebar and move up in the DOM tree until you reach its main enveloping element and check its ID or class name. You can create a suitable CSS rule: #element_id { display: none !important; }
Note that you can also place CSS code in userContent.css in the chrome folder in the Firefox profile folder to modify the appearance of webpages.
More info about userContent.css and userChrome.css in case you are not familiar: *https://www.userchrome.org/what-is-userchrome-css.html
- https://www.userchrome.org/how-create-userchrome-css.html
- https://www.userchrome.org/firefox-changes-userchrome-css.html
In Firefox 69 and later you need to set this pref to true on the about:config page to enable userChrome.css and userContent.css in the chrome folder.
- about:config => toolkit.legacyUserProfileCustomizations.stylesheets = true
- https://support.mozilla.org/en-US/kb/about-config-editor-firefox
It's just an example but I use this Stylus rule on Facebook to partially hide/collapse sponsored posts unless I hover them:
.sponsored_ad:not(:hover) { opacity: 0.5; max-height: 65px; overflow-y: hidden; }
There are some new suggested posts that do not have a consistent "hook" for hiding, so I haven't devised a style rule to hide/collapse those.
My programming skills are 1% so i understand nothing of what you propose and i am afraid i can't do anything. So i have to live with it i guess!!! Thank you anyway!
Or instead of live with it, ask "Can you tell me the specific steps to use that?"
(1) Install Stylus
https://addons.mozilla.org/firefox/addon/styl-us/
(2) While on Facebook, click the Stylus toolbar button to open its drop-down. Near the bottom, find the URL and click on facebook (facebook.com should be underlined). This will open a rule editor in a new tab or in a popup window.
(3) On the right side of the editor, paste your rule. Then in the left column, assign a name that is more useful and click Save. Then go back to FB and see whether it is doing anything.
"That's Greek to me" the English says, but i am Greek and so it's more proper to say "That's Chinese to me" I already tried what you describe, but to write a rule, requires knowledge , which i don't have and i can't invest time to gain it, just to make a rule ! Thank you anyway for your time!
Gewysig op
Gekose oplossing
Maybe you are looking for something more ready-made than a rule you can paste into Stylus. Perhaps: