In this post you will learn how to take matters into your own hands and fix these websites so they are at least bearable. We will learn how to change the font and font size for a particular website.

Requirements:

• Firefox
• Firefox extension: Stylish
• Knowledge of CSS (cascading style sheets)

Getting started with Stylish

After the extension has been installed and Firefox has been restarted. Go to the bottom right hand corner and click on the Stylish icon. In the menu, click on the Manage Styles…

Because we do not have any scripts, there is nothing to display, so click on the Write… button and lets get started.

Write out the following code as show in the example below. Here, we are using example.com as well, our example. The trusty folks over there have provided us with a simple boring page. Substitute example.com with the URL that will apply to your case.

By pressing Save, you should have no error messages and be presented with a list of scripts installed. In our case, it looks like so.

Go back to the nightmarish website. You may have to refresh the page to see the results.

Example forum from hell, before:

Example forum from hell, after:

Don’t think you can have to stop here! CSS is very powerful and together with Stylish, you can virtually redesign any website the way YOU want it to look.

Check out the user submitted styles found here: http://userstyles.org/

ProTip!

• Look into the Adblock Plus extension. Not only is this great for removing advertisements from websites, but allows you to block or hide obnoxious images and other content from displaying. Perfect for websites with a huge picture at the top forcing you to scroll every page view.

• Read up on CSS, specifically the display: none; syntax for hiding elements within a page.