What is it?

shutup.css is a CSS stylesheet (?) that can be applied to your web browser to hide comment sections on many popular websites. It is maintained by Steven Frank.

Why would I use it?

Some people feel that website comments are an annoyance or distraction from the main content. Some choose to use shutup.css to avoid being drawn into protracted arguments or avoid being exposed to statements that instill anger or sadness in them.

How do I install it on my computer?

The simplest way to use shutup.css on a conventional desktop or laptop computer is with a browser extension. Currently there are extensions for Safari and Chrome on any operating system:

» Shut Up for Safari by Ricky Romero

» Shut Up for Chrome by Ricky Romero

These official browser extensions automatically update themselves with the latest shutup.css stylesheet, and allow you to toggle comment blocking on and off with a toolbar button.

Although there is no official Shut Up extension for Firefox at this time, Firefox users have reported success using the Stylish plug-in, in combination with the raw shutup.css stylesheet (detailed below).

How do I install it on my iPhone or iPad?

You must have a 64-bit device running iOS 9 or later.

The following content blocker apps include shutup.css:

» Shut Up by Ricky Romero

» Content Blocker+ by Dynamic App Design LLC

Do I have to use an extension or plug-in?

shutup.css can be used in any web browser that allows the loading of custom user stylesheets. Most popular browsers do for accessibility reasons; for example, to allow a visually impaired user to make text larger. To use shutup.css as a custom user stylesheet:

1. Download the auto-updating shutup.css file to your system.

If you don't trust a remotely-imported CSS file being applied to every web page you see, or if you want to make additional customizations, you can download the most recent non-updating version instead, but you will have to occasionally update this file manually.

2. In your browser's preferences, configure your browser to use shutup.css as a custom user stylesheet. In Safari for OS X, for example, it looks something like this:

Safari screenshot

After selecting "Other..." from the pop-up menu, select the shutup.css file you downloaded in step 1. This process will vary in other browsers, but the general idea is the same.

If you make changes to the stylesheet, or download a new version of shutup.css, you may need to quit and restart your browser to make sure it takes effect.

How about a bookmarklet instead?

Another option is to install the shutup.css bookmarklet. The bookmarklet lives in your bookmarks toolbar, and applies the shutup.css stylesheet only when you click on it rather than automatically when pages load.

The bookmarklet can be installed by dragging it into your browser's bookmark bar:


Original bookmark by Justin Ridgewell. HTTPS fix by Alexandre Vallières-Lagacé

Anything I should watch out for?

shutup.css works by looking for blocks of content on the page that are identified in the page's source code as "comments" or similar identifiers. The stylesheet instructs the web browser to simply not display these blocks.

This may affect some web applications in unexpected ways. I'm told it hides the "discussion" section of Bugzilla installations, for example. Remember to try disabling shutup.css if you think you might be missing important page content.

What about privacy?

Stylesheets like shutup.css contain no executable code, so they cannot track or spy on you.

If you are using one of the browser extensions, it will periodically contact my web server solely to check for an update and download it if one is available. When this happens, the date and time, your IP address, and "User-Agent" string (which identifies your web browser) are logged by the web server. I don't look at these logs, unless I have reason to believe someone is abusing or trying to gain unauthorized access to my web server. Five days worth of plaintext logs are kept.

Can I contribute to shutup.css?

Sure! You can send me a pull request on GitHub. If you speak CSS but not Git, just email me your proposed changes.

How do I contact you?

You can contact me at stevenf@panic.com, or on Twitter as @stevenf.