Rechercher dans l’assistance

Évitez les escroqueries à l’assistance. Nous ne vous demanderons jamais d’appeler ou d’envoyer un SMS à un numéro de téléphone ou de partager des informations personnelles. Veuillez signaler toute activité suspecte en utilisant l’option « Signaler un abus ».

Learn More

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!

Solution choisie

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/

Lire cette réponse dans son contexte 👍 1

Toutes les réponses (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!

Modifié le par spartakooss

more options

Solution choisie

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/