Facebook – Is it possible to block, filter, or minimize Facebook chat “stickers”

chatfacebook

Facebook has recently made great strides in their effort to be the most evil web app of all time, by adding "stickers" to chat.

Example of annoying stickers

The most annoying thing about these "stickers", is that they are so huge. They take up at least 75% of the default chat window, often requiring me to scroll up to read a previous sentence.

If they were just the size of a normal emoticon, I wouldn't mind. Is there a way (possibly by way of a third-party add-on/browser extension?) to reduce the size of these stickers, or even completely filter them?

My attempts to google a solution only offer suggestions on how to use stickers. sigh

Best Answer

You can use custom scripts to control the appearance of the stickers. For that you need to use a plugin on your browser that can do that, GreaseMonkey (for FireFox) and Tampermonkey (for Chrome)

Once you install the extension/plugin, you are ready to add the script for any site. I am not sure about Greasemonkey's function, to add a new script to Facebook, click on the Tampermonkey icon that might appear after you add the extension and click on "Add New Script" and simply paste this below all the code in the textarea:

var sheet = document.styleSheets[0];
sheet.addRule(".stickerContainer div", "background-size: 20px 20px !important; height: 20px !important;width: 20px !important;", 1);

Code Entered

And the result:

Sticker Downsized on Facebook

The above code will downsize the stickers. If you want to completely hide it (which I don't recommend) use the following code:

var sheet = document.styleSheets[0];
sheet.addRule(".stickerContainer div", "display:none;", 1);

Please see the documentation of the plugin/extension before you use.

Related Topic