Apply your own CSS to web sites

[Carson Dyle]

I love being able to apply my own CSS to some web sites that need it. Example: I was on a web site today that I frequently visit, and in the header where a banner ad would normally appear was a big red text banner declaring that I must have an ad-blocker running and asking if I wouldn't rather "experience" the full web site.

Decided that I was sick of looking at that thing. Let's see... Chrome right-click, Inspect element. It's inside a div named adblock-notice. Open the Stylish plugin for Chrome, create a quick style and save it for that domain.

#adblock-notice {
  display: none !important;
}

While I was at it, I noticed that the top of the web page on the site was always a blank space, since it was used only for banner ads. Might as well get rid of the whole thing.

#element2 {
  display: none !important;
}

Nothing fancy, but I've also used it to fix other problems on frequently visited sites:

* A vBulletin forum was wrapped in a site's headers and footers, with its own CSS. That CSS was breaking the word wrapping in code boxes. Easily fixed. It was also causing a constant horizontal scrollbar to appear. Also fixed.

* Another forum, very old-school Perl, all text. Unreadable default font with no line spacing. Changed the font face and size, added line spacing.

* A web site's search box text was a difficult to read low contrast gray. So I changed the color to a higher contrast black.

Easy to change little things that can make a big difference in usability. You could use it to completely restyle a web site if you wanted, but that's time-consuming and subject to the site completely changing and breaking all your styles.

Stylish for Chrome

 

[rudeguy]

If only someone cared....


Try the right forum. Maybe that will help?

 

[Mixolydian]

ok.

 

[Red Squirrel]

I'd love if there was a universal way to get rid of modals. I hate those things more than Hitler.

 

[lxskllr]

I usually use it to darken websites. I despise white backgrounds, and if I spend any time on a site, it needs to be dark. Luckily, most sites have dark themes already made, but sometimes they need tweaking, and some small sites don't have anything.

 

[darkswordsman17]

I think Ad-Block on Firefox gives you this ability as well. Hit the ABP button on the toolbar and it should bring an option to "Select an element to hide".

 

[Carson Dyle]

I usually use it to darken websites. I despise white backgrounds, and if I spend any time on a site, it needs to be dark. Luckily, most sites have dark themes already made, but sometimes they need tweaking, and some small sites don't have anything.

Making a white page background a bit darker isn't that hard. But if you want to flip to a black background and light colored text, usually it's a lot more work than just flipping a couple of colors, as you also have to deal with a million other styles.

I'm exactly the opposite and prefer high contrast black on white. Much easier on my eyes. Luckily, most sites these days are designed like this.

 

[lxskllr]

This is my mobile Firefox. I use the addon RemoveDocumentColors to force this scheme on every site. I sometimes have to turn it off because buttons will disappear, but it works 99% of the time. I'm not married to this particular combination, and will probanly change it in the future, but it'll stay dark.

 

[John Connor]

The Firebug addon for Firefox can do this.

 

[John Connor]

ok.

Make me a sandwich bitch!