Awesome per-site CSS

22 April, 2004

The URIid extension for Mozilla and Firefox (via asa) lets you assign per-site CSS styles.

This is amazing. Couple this with the very useful Chromedit and you have an easy-as-pie all-in-one solution for making sites look the way you want them to.

Is there one site where the font is always too small? Apply a style making it bigger on that site only! Annoyed with The Register’s ads? A swift #www-theregister-co-uk .Ad {display:none;} and they’re gone! Content only!

The only downside? Changes to the userContent.css only get applied when you restart the browser. So then, install the EditCSS extension and the Web Developer Extension (or some other bookmarklet which gives you the names of IDs and classes on elements), restart your browser, visit a site you want to edit, use the “View ID and class details” command, hit CTRL-8 to bring up the EditCSS window and enter the CSS you want applied to the elements you want to modify.

Bring up your userContent.css in either ChromEdit or a file editor, copy and paste your new CSS in, hit “save”, restart your browser and away you go!

p.s. If you need to double-check what the generated ID/class for the page you’re on is, it won’t show up in “view source”. Instead you’ll need to view the generated DOM of the page (either by using the DOM Inspector or a “view DOM source” bookmarklet like the one on this Javascript weblog

See other posts tagged with general and all posts made in April 2004.