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

Lolu chungechunge lwabekwa kunqolobane. Uyacelwa ubuze umbuzo omusha uma udinga usizo.

Using stylus to remove stories from Facebook

more options

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!

Isisombululo esikhethiwe

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/

Funda le mpendulo ngokuhambisana nalesi sihloko 👍 1

All Replies (7)

more options

There is a misunderstood! I only want to hide the stories panel from my mozilla!

more options

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.

more options

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.

more options

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!

more options

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.

more options

"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!

Okulungisiwe ngu spartakooss

more options

Isisombululo Esikhethiwe

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/