Stylesheet for hiding annoying content on sites
Many web browsers allow you to define a single custom stylesheet. You can use this to hide parts of web sites that you don't like, as long as the component is contained in a parent (like a "div") that is easily identified by a style class or id.
For instance, this style hides sponsored links on Facebook pages:
.UIHomeBox_Sponsored {
display:none;
}
Just view the source of a site to figure out what style or id would disable the parts that annoy you.Some caveats:
- Some browsers only read the custom stylesheet once, at startup, so if you modify it you won't see differences immediately.
- Since there's just one stylesheet, all sites using the same style names would have the same filter. (Though, I've yet to see any real problems from this.)
- Occasionally a site's layout will depend on the visibility of all its boxes, so hiding one of them may cause layout issues.