Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Using stylus to remove stories from Facebook

  • 7 பதிலளிப்புகள்
  • 0 இந்த பிரச்னைகள் உள்ளது
  • 1 view
  • Last reply by jscher2000 - Support Volunteer

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!

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!

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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/

Read this answer in context 👍 1

All 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

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.

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!

spartakooss மூலமாக திருத்தப்பட்டது

தீர்வு தேர்ந்தெடுக்கப்பட்டது

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/